各種圖表的適用場景

柱形圖使用垂直的柱子顯示類別之間的數(shù)值比較，其柱子條數(shù)不宜過多（柱子過多坐標(biāo)軸標(biāo)簽可能會顯示不全）。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：空間域名、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、梅里斯網(wǎng)站維護(hù)、網(wǎng)站推廣。

條形圖和柱形圖類似，但柱子條數(shù)可相對多一些。

柱形圖和條形圖適用于比較對比類需求：

適用場景：數(shù)據(jù)量對比

其中堆積柱形圖條形圖還可用于占比類的需求：

適用場景：系列對比

[](javascript:)

折線圖用于顯示數(shù)據(jù)在一個連續(xù)的時間間隔或者時間跨度上的變化，它的特點(diǎn)是反映事物隨時間或有序類別而變化的趨勢。

需要注意的是折線圖的數(shù)據(jù)記錄數(shù)要大于2，可用于大數(shù)據(jù)量的趨勢比較，但是同一個圖上最好不要超過5條折線

面積圖是在折線圖的基礎(chǔ)之上形成的, 它將折線圖中折線與自變量坐標(biāo)軸之間的區(qū)域使用顏色填充，顏色的填充可以更好的突出趨勢信息。

面積圖的填充色要帶有一定的透明度，透明度可以很好的幫助使用者觀察不同系列之間的重疊關(guān)系，沒有透明度的面積會導(dǎo)致不同系列之間相互遮蓋。

折線圖比較適用于趨勢類的需求：

適用場景：數(shù)據(jù)量隨時間的變化趨勢，系列趨勢對比

面積圖還可制作成堆積面積圖，除了趨勢類的需求還適用于比較和占比類的需求：

適用場景：系列占比，時間趨勢占比

[](javascript:)

餅圖廣泛得應(yīng)用在各個領(lǐng)域，用于表示不同分類的占比情況，通過弧度大小來對比各種分類

餅圖不適用于多系列的數(shù)據(jù)，因為隨著系列的增多，每個切片就會變小，最后導(dǎo)致大小區(qū)分不明顯，同時多個餅圖之間的數(shù)值也不好進(jìn)行比較。

餅圖適用于比較一個數(shù)據(jù)分類上各個模塊的大小占比的需求：

注：餅圖可通過設(shè)置其內(nèi)徑大小轉(zhuǎn)變?yōu)閳A環(huán)圖

餅圖還可制作成多層餅圖的樣式，展現(xiàn)不同分類數(shù)據(jù)占比，同時還能體現(xiàn)層級關(guān)系：

適用場景：系列占比、系列大小對比（玫瑰圖）

[](javascript:)

散點(diǎn)圖將兩個變量以點(diǎn)的形式展現(xiàn)在直角坐標(biāo)系上，點(diǎn)的位置由變量的數(shù)值決定，通過觀察數(shù)據(jù)點(diǎn)的分布情況，可以推斷出變量間的相關(guān)性

制作散點(diǎn)圖所需數(shù)據(jù)最好多一些，否則相關(guān)性不明顯

散點(diǎn)圖適用于分布和關(guān)聯(lián)類的需求：

適用場景：相關(guān)性分析、 數(shù)據(jù)分布情況

氣泡圖是一種多變量圖表，是散點(diǎn)圖的變體，除X、Y軸所代表的的變量值，每一個氣泡的面積代表第三個數(shù)值數(shù)據(jù)

需要注意的是，氣泡圖的數(shù)據(jù)大小容量有限，氣泡太多會使圖表難以閱讀。

氣泡圖適用于比較和分布類的需求：

適用場景：分類數(shù)據(jù)對比，相關(guān)性分析

[](javascript:)

儀表盤(Gauge)是一種擬物化的圖表，刻度表示度量，指針表示維度，指針角度表示數(shù)值，可直觀的表現(xiàn)出某個指標(biāo)的進(jìn)度或?qū)嶋H情況

需要注意的是為了視覺上的不擁擠，指針的數(shù)量不宜過多。

儀表盤還可制作成環(huán)形和試管型，表現(xiàn)占比情況：

適用場景：時鐘，比率展現(xiàn)

[](javascript:)

雷達(dá)圖用于比較多個量化變量，比如看看哪些變量具有相似的值，或者是否存在極端值。雷達(dá)圖也有助于觀察數(shù)據(jù)集內(nèi)哪些變量的值比較高或者低，因而適用于展示工作表現(xiàn)。

需要注意的是雷達(dá)圖上多邊形過多會使可讀性下降，使整體圖形過于混亂；變量過多，也會造成可讀性下降，因為一個變量對應(yīng)一個坐標(biāo)軸，這樣會使坐標(biāo)軸過于密集。

雷達(dá)圖適用于比較類的需求：

雷達(dá)圖還有一種堆積柱形的樣式，可用于分類和系列間的雙向比較，同時還能體現(xiàn)占比情況：

適用場景：維度分析、系列對比，系列權(quán)重分析

[](javascript:)

框架圖是將等級以樹形結(jié)構(gòu)的形式展現(xiàn)的一種可視化手段，可以將層次關(guān)系清晰地展示出來。

框架圖適用于層級關(guān)聯(lián)類的需求：

適用場景：層級展示，流程展示

[](javascript:)

矩形樹圖適合展現(xiàn)具有層級關(guān)系的數(shù)據(jù)，能夠直觀體現(xiàn)同級之間的比較。相比起傳統(tǒng)的樹形結(jié)構(gòu)圖，矩形樹圖能更有效得利用空間，并且擁有展現(xiàn)占比的功能。

需要注意的是矩形樹圖適合有權(quán)重關(guān)系的層級表現(xiàn)，若不需要體現(xiàn)占比，框架圖可能更清晰明了。

矩形樹圖比較適用于占比和關(guān)聯(lián)類的需求：

適用場景：帶權(quán)的樹形數(shù)據(jù)、樹形數(shù)據(jù)占比情況

[](javascript:)

漏斗圖可以展示每一階段的占比情況，直觀體現(xiàn)各模塊的大小。

需要注意的是系列不宜過多，否則容易顯得擁擠，效果不佳。

漏斗圖適用于比較排名類的需求：

同時，對比類的需求漏斗圖也同樣可以滿足，多個漏斗圖橫向排列，數(shù)據(jù)對比度也十分清晰：

適用場景：數(shù)據(jù)排名，占比情況，標(biāo)準(zhǔn)值對比

[](javascript:)

詞云，是文本數(shù)據(jù)的視覺表示，由詞匯組成類似云的彩色圖形，用于展示大量文本數(shù)據(jù)，能快速感知最突出的文字。

詞云所需數(shù)據(jù)量需要稍大些，數(shù)據(jù)的區(qū)分度也需要比較大，否則效果不明顯，并且不適合要求準(zhǔn)確的分析。

詞云適用于突出比較類的需求：

適用場景：關(guān)鍵詞搜索

[](javascript:)

甘特圖直觀地表明任務(wù)計劃是在何時進(jìn)行及實際進(jìn)展與計劃要求的對比。管理者由此很方便的了解到一項任務(wù)(項目)的進(jìn)展。

甘特圖適用于流程進(jìn)度類與時間相關(guān)的需求：

同時流程的關(guān)聯(lián)性的需求也可實現(xiàn)：

適用場景：項目進(jìn)度，事物隨時間推移的狀態(tài)變化，項目流程

[](javascript:)

地圖分為區(qū)域地圖、點(diǎn)地圖和流向地圖。

（1）區(qū)域地圖是一種在地圖分區(qū)上使用是顏色來表示一個范圍值的分布情況的地圖。

適用于對比突出和分布類的需求：

（2）點(diǎn)地圖是一種通過在地理背景上繪制相同大小的點(diǎn)來表示數(shù)據(jù)在地理空間上分布的方法

通過點(diǎn)的分布可以很方便得掌握數(shù)據(jù)的總體分布情況，但是當(dāng)需要觀察單個具體的數(shù)據(jù)的時候，它是不太適合的。

點(diǎn)地圖適用于分布類的需求：

將點(diǎn)替換為氣泡，不僅能顯示分布情況還能粗略比較各地區(qū)數(shù)據(jù)的大小：

（3）流向地圖體現(xiàn)了源地和匯地之間的互動數(shù)據(jù)，常用連接空間單元幾何重心之間的線段來表達(dá)，線的寬度或顏色來表示源地和匯地之間的流向數(shù)值。

有助于說明地理遷移的分布，動態(tài)流向線的使用還減少視覺上的混亂。

流向地圖適用于分布、比較和流向類的需求：

[](javascript:)

熱力地圖用來表示地理范圍內(nèi)各個點(diǎn)的權(quán)重情況，除了以地圖為背景圖層，還可以使用其他圖片

熱力圖適用于分布和突出類的需求（常用彩虹色系）：

js里面如何繪制正態(tài)分布函數(shù)圖像

matlab中的常用概率分布函數(shù)。

引用他人的整理成果，總結(jié)的很好。

用matlab畫正態(tài)分布圖的代碼：

clear all；

x=-4:0.1:4;

y=normpdf(x,0,1);

figure;

plot(x,y);grid;

legend('標(biāo)準(zhǔn)正態(tài)分布');

結(jié)果如下

算出正態(tài)分布的alpha分位點(diǎn)。

用~inv函數(shù)來實現(xiàn)：

clc;

clear all;

x =-4:0.1:4 ;

y1 = normpdf(x,0,1);

n=norminv(1-0.01,0,1);

x2 = n:0.1:4;

y2 = normpdf(x2，0，1);

plot(x,y1);

hold on;

area(x2,y2);

我們每天關(guān)注的疫情分布圖是怎么做出來的？

這段時間以來，每天早上起床的第一件事就是打開手機(jī)看看當(dāng)前疫情的狀況。

作為一名程序員，看這個圖的時候，我猜測這個圖應(yīng)該是用百度的echarts畫的，然后腦子里過了一下echarts的使用。不過試試證明，我還是太年輕，沒有產(chǎn)品意識。

百度的echarts團(tuán)隊其實早就將echarts的能力包裝成一個完整易用的工具開放出來。不需要懂一行代碼，誰都可以快速開發(fā)出來一個像疫情圖這樣高級的圖標(biāo)。

話不多說，這個工具就是百度圖說，網(wǎng)址是

看右下角，果然沒錯，echarts出品。

下面開始我的表演：

隨便找個網(wǎng)站，拔下來一份最新的疫情數(shù)據(jù)

點(diǎn)擊開始制作圖表--- 創(chuàng)建圖表 --- 選擇地圖---標(biāo)準(zhǔn)中國地圖

數(shù)據(jù)編輯--- 導(dǎo)入excel。即可將我們準(zhǔn)備的疫情數(shù)據(jù)導(dǎo)入

4，調(diào)整顏色

通過參數(shù)調(diào)整。在值域中通過修改值域范圍和控制器顏色。可以簡單的做出一個還不錯的圖表。

另外，圖說里面還有其他很多常用的圖例。都是我們用echarts經(jīng)常來做的。

這個工具挺好，雖說我們程序員都可以用代碼寫出來，這樣也可以省不少事。并且這個工具可以查看源代碼，又沒實現(xiàn)的功能，咱們也可以拿來改改。

對于不懂代碼的人來說，直接拿來用就行，一行代碼你也不需要懂。

另外其他的一些開源圖表推薦

D3.js是一個開源的JavaScript庫，用于根據(jù)用戶數(shù)據(jù)處理文檔。這是一個強(qiáng)大的工具，通過HTML，SVG和CSS的幫助，賦予數(shù)據(jù)生命。 D3允許開發(fā)人員將任意數(shù)據(jù)綁定到DOM，然后將數(shù)據(jù)驅(qū)動的轉(zhuǎn)換應(yīng)用到DOM。例如：考慮一個數(shù)組數(shù)組，您可以使用它來生成一個HTML表，或者您可以使用相同的數(shù)據(jù)生成交互式條形圖或餅圖。

官方網(wǎng)站：https：//d3js.org/

Chart.js是一個由社區(qū)維護(hù)圖表庫，通過使用它，我們可以為您的網(wǎng)站創(chuàng)建響應(yīng)式圖表。通過使用它，我們可以生成混合圖表，并且在現(xiàn)代瀏覽器中具有很好的渲染能力。Angular Chart建立在Chart.js庫之上，對于Angular項目來說，實現(xiàn)Angular圖表將非常容易。

官方網(wǎng)站：http：//

n3-charts也是一個開源的JavaScript圖表庫，它使得Angular開發(fā)者的生活變得簡單。 n3-chart是建立在D3.js和AngularJS之上的，因此它具有更強(qiáng)大的圖表，并且易于實現(xiàn)。

官方網(wǎng)站：http：//n3-charts.github.io/line-chart/#/home

要生成像 iOS 8 Health 應(yīng)用那樣的圖表，有哪些比較好用的庫

JS圖形、圖標(biāo)庫推薦：

1. JS Charts

JS Charts 是個基于JavaScript的圖表生成器，不需要任何編碼。JS Charts 非常容易使用，只要用戶使用客戶端腳本（比如，在 web 瀏覽器中執(zhí)行）。它不需要多余的插件和服務(wù)器模塊，只需要下載 JS Charts 的腳本，準(zhǔn)備好 XML，JSON 或者 JavaScript 數(shù)組數(shù)據(jù)。

2. Canvasjs

CanvasJS 是個易用的 HTML5 JavaScript 圖表庫，基于 Canvas 元素。Graphs 可以通過設(shè)備渲染，包括 iPhone，iPad，Android，Windows Phone，Microsoft Surface，Desktops 等等。它允許用戶創(chuàng)建適用于所有設(shè)備，不影響 web 應(yīng)用程序的功能和可維護(hù)性的富儀表盤。CanvcasJS 有著非常漂亮的主題和超過傳統(tǒng)的 Flash 和 SVG 圖表 10x 倍以上的速度——生成輕量級，漂亮和響應(yīng)式的儀表圖。

3. Chart.js

Chart.js 是個簡單的，面向?qū)ο蟮目蛻舳藞D形庫，用戶可以用 6 中不同的方式來可視化數(shù)據(jù)。每個方式都是動畫效果的，完全自定義，而且看起來非常好看，即使在 retina 顯示。它使用 HTML5 canvas 元素，支持所有現(xiàn)代瀏覽器，并且支持 IE7/8。

4. Aristochart

Aristochart 是個高度自定義，靈活的折線 Canvas 圖表庫，允許用戶集中精力在圖表的審美方面，后臺工作做得非常好。Aristochart 有個持續(xù)進(jìn)步的社區(qū)，提供許多不斷增長的主題給用戶選擇。

5. xCharts

xCharts 是一個使用 D3.js 來構(gòu)建漂亮的可定制的數(shù)據(jù)驅(qū)動的 JavaScript圖表庫，他使用HTML，CSS，SVG實現(xiàn)圖表，xCharts 被設(shè)計為一個動態(tài)的、流暢的、開放的和可定制化的庫。

6. BonsaiJS

BonsaiJS 是個輕量級的 JavaScript圖形庫，提供直觀的圖形 API 和 SVG 渲染器。主要特性包括：架構(gòu)分離的運(yùn)行器和渲染器；iFrame，Worker 和 Node 運(yùn)行上下文；形狀，路徑，Assets（音頻，圖像，字體，subMovies），Keyframe 和常規(guī)動畫，等等。支持現(xiàn)代化瀏覽器： Safari, Chrome 和 Firefox。

7. Sigma.js

Sigma.js 是個免費(fèi)開源的 JavaScript圖形庫，使用 HTML5 canvas 元素。它的設(shè)計是特別為了在 web 界面分享交互式網(wǎng)絡(luò) Map 和動態(tài)展示網(wǎng)絡(luò)數(shù)據(jù)庫。

8. Morris.js

Morris.js 是個輕量級的 JavaScript庫，使用 jQuery 和 Raphaenuml 來繪制時序圖。 Morris.js 生命周期是從代碼驅(qū)動 howmanyleft.co.uk 圖表開始的。它支持的瀏覽器有： IE6+, Safari/Chrome/Firefox, iOS 3+ 和 Android 3+。它的公共 API 非常的小，只有一個函數(shù)： Morris.Line(選項)，包括了許多配置選項。

9. Paper.js

Paper.js 是一個開源的向量圖形腳本框架，基于 HTML5Canvas 開發(fā)。提供清晰的場景圖、DOM和大量強(qiáng)大的功能用來創(chuàng)建各種向量圖和貝塞爾曲線。

10. AmCharts

AmCharts 是個高級圖表庫，適用于所有數(shù)據(jù)的可視化。AmCharts 包括： Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid 等等。

11. Smoothie Charts

Smoothie Charts是個極小的圖表庫，專為實時流媒體數(shù)據(jù)設(shè)計的。Joe Walnes 想展示 WebSocket推動的實時的流數(shù)據(jù)。雖然很多圖表庫允許用戶動態(tài)更新數(shù)據(jù)，但是沒有一個是可以優(yōu)化源源不斷的流數(shù)據(jù)。

12. Dygraphs

Dygraphs 是個快速，靈活，開源的 JavaScript 圖表庫。它允許用戶展示和解析密集的數(shù)據(jù)集。可以高亮需要強(qiáng)調(diào)的數(shù)據(jù)集。可以使用鼠標(biāo)點(diǎn)擊或者用鼠標(biāo)拖動來縮放圖表；可以修改數(shù)值或者點(diǎn)擊條目來調(diào)整平均周期。

13. Grafico

Grafico 是 Grafico 是一個基于 Rapha?l 和 Prototype.js 構(gòu)建的 JavaScript 圖表庫，提供了各種圖表類型。這些漂亮的圖表，有利于傳遞他們的信息。

14. Highchart JS

Highcharts JS 是一個制作圖表的純 Javascript類庫，主要特性如下：兼容性：兼容當(dāng)今所有的瀏覽器，包括 iPhone、IE 和火狐等等；對個人用戶完全免 費(fèi)；純JS，無BS；支持大部分的圖表類型：直線圖，曲線圖、區(qū)域圖、區(qū)域曲線圖、柱狀圖、餅裝圖、散布圖；跨語言：不管是 PHP、Asp.net 還是 Java 都可以使用。

15. Flotr

Flotr 是一個基于 Prototype 開發(fā)的 JavaScript繪圖工具。支持圖例，鼠標(biāo)跟蹤，圖片區(qū)域選擇，圖片縮放，添加事件鉤子（event hook），通過CSS設(shè)置樣式等。

16. Flot

Flot 是受 Plotr 和 PlotKit 的 啟發(fā)，Ole Laursen 基于 jquery 開發(fā)了一個圖表繪制(WEB Chart)插件并命名為 flot。 flot 是個純 JavaSript 庫，專注于簡單的使用方式，迷人的外觀和交互式特性。支持的瀏覽器有： Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

17. jFreeChart

JFreeChart 主要用來各種各樣的圖表，這些圖表包括：餅圖、柱狀圖(普通柱狀圖以及堆棧柱狀圖)、線圖、區(qū)域圖、分布圖、混合圖、甘特圖以及一些儀表盤等等。JFreeChart 項目歷史悠久，而且有大量的開發(fā)者在維護(hù)。

18. Plotkit

PlotKit 是一個純 JavaScript 繪圖工具包。它支持 HTML Canvas 和 Adobe SVG。有著很完整的文檔，方便用戶使用。

19. Planetary.js

Planetary.js 是個令人稱奇的創(chuàng)建交互式 web 地球儀的 JavaScript庫。它使用 D3 和 TopoJSON 來解析和渲染地理信息。Planetary.js 使用基于插件的架構(gòu)，甚至默認(rèn)自身就是個插件！這使得 Planetary.js 非常靈活，而且它是允許用戶完全自定義，包括顏色，大小，rotation 等等。更重要的是，用戶可以在任意位置使用自定義的顏色和大小來顯示動畫“pings”；它還支持鼠標(biāo)拖動和縮放，100% 免費(fèi)和開源。

20. Ember Charts

Ember Charts 是個圖表庫，使用 Ember.js 和 d3.js 框架構(gòu)建的。它包括時間線，條形圖，餅圖和散點(diǎn)圖，非常容易擴(kuò)展和修改。這些圖表組件都是開箱即用的，在圖表交互和演示方面應(yīng)用的很好。

21. Sparky

Sparky 是個免費(fèi)的 JavaScript 波形圖庫，依賴于 Rapha?l ，非常容易使用。支持多個圖表類型（折線，條形，area），折線和區(qū)域圖可以有多個顏色選擇。

22. Envision.js

Envision.js 是個 JavaScript 庫，用來簡化，快速創(chuàng)建交互式的 HTML5 可視化圖表。它包括兩個圖表類型：時序圖和 Finance ，提供 API 給開發(fā)者，用戶可以直接自定義創(chuàng)建圖表。這個庫氏基于 Flotr2 和 HTML5 Canvas 的。它與框架無關(guān)，依賴于幾個小的 JavaScript 庫。

23. Dc.js

dc.js 是個 JavaScript 圖表庫，有著原生的 crossfilter， 支持和允許高效展示大型多維數(shù)據(jù)集（基于 crossfilter 的示例）；圖表使用 dc.js 渲染，是使用原生數(shù)據(jù)驅(qū)動，所以能得到用戶的實時反饋；dc.js 最大的亮點(diǎn)在于能提供一個簡單而強(qiáng)大的 JavaScript 庫，能進(jìn)行數(shù)據(jù)可視化和分析；不僅支持桌面瀏覽器還支持移動端。

24. ElyCharts

Elycharts 是一個易于使用的，可定制的 JavaScript圖表繪制組件。這個組件可用于繪制大部分常用的圖表類型包括：line, column, are, bar, pie, sparklines and combinations。它支持多種交互式功能包括：鼠標(biāo)跟蹤、事件處理、利用各種動畫高亮顯示選擇中的區(qū)域，Tooltip，HTML錨點(diǎn)等。可以動 態(tài)修改數(shù)據(jù)，并以漂亮的動畫效果展示圖表中的變化。圖表利用SVG/VML技術(shù)生成，基于jQuery + Rapha?l開發(fā)。

25. AwesomeChartJS

AwesomeChartJS Awesome Chart JS 是一個 JavaScript生成圖表的類庫，它利用了 HTML5 的 canvas 標(biāo)簽來創(chuàng)建統(tǒng)計圖表。此類庫就是為了減輕開發(fā)者的工作量，使用它只需書寫幾行代碼便能生成漂亮的圖表。

26. Arbor.js

Arbor.js 是一個利用 Web Works 和 jQuery創(chuàng)建的可視化圖形庫，它為圖形組織和屏幕刷新處理提供了一個高效的、力導(dǎo)向的布局算法。

27. CanvasXpress

canvasXpress 是一個基于HTML5 canvas標(biāo)簽實現(xiàn)的 JavaScript圖表類庫，它能夠支持線性圖、柱形圖、餅圖和熱點(diǎn)圖等多種常見的圖表類型。它所生成的圖表交互性很強(qiáng)，鼠標(biāo)放 上去時會動態(tài)顯示值。除此之外，它也具有相當(dāng)高的可定制性，可設(shè)置圖表的文字、顏色和要顯示/隱藏的元素等。當(dāng)然更重要的一點(diǎn)是，雖然它使用了 HTML5，但是依然支持IE6瀏覽器。

28. JSXGraph

JSXGraph 是一個支持各種瀏覽器的交互式幾何圖庫繪制。JSXGraph 使用 SVG 和 VML。

29. Rickshaw

Rickshaw 是一個用于繪制時序圖的簡單 jS 庫，基于 Mike Bostock’s delightful D3 庫構(gòu)建。

30. rGraph

RGraph 是基于HTML5 canvas標(biāo)簽的HTML5 canvas圖形庫，支持 20 種不同的可視化類型。使用 canvas 標(biāo)簽，RGraph 創(chuàng)建“HTML5 圖表”，意味著更快的 web 頁面加載和更少的 web 服務(wù)器加載。這能幫助減小 web 頁面的大小，低能耗和更快的瀏覽速度。

31. Fusion Chart

FusionCharts Suite XT 是個專業(yè)的 JavaScript圖表庫，能創(chuàng)建任何類型的圖表。它創(chuàng)建的圖表都是可以進(jìn)行完全自定義的，標(biāo)簽，字體，邊界等等，都可以進(jìn)行修改。它有很強(qiáng)的交互功能，有許多信息提示，可 點(diǎn)擊的 legend 關(guān)鍵字，還有 dril-down，縮放/滾動 和單擊打印圖表功能。

32. Graph Dracula

Dracula 是用一系列的工具來顯示和布局互動圖表，包括各種相關(guān)的算法。它只是純 JavaScript 和 SVG ，并無 Flash，Java，其他插件。它非常容易使用，用戶可以很簡單的自定義任意的元素。

33. Bluff

Bluff 是個 JavaScript 的 Ruby 的 Gruff graphing library端口。它支持所有 Gruff 的特性，但是有著最小的依賴。用戶只需要運(yùn)行一個第三方腳本： JS.Class 副本(壓縮后只有 2.6kB ) 和 Google 的 ExCanvas 副本，用來支持 IE 中的 canvas。這兩個腳本在 Bluff 中都有下載。Bluff 自身壓縮后大小大概有 11KB 。

34. Pizza Pie Chart

Pizza Pie Charts 是個響應(yīng)式餅圖圖表，基于 Adobe Snap SVG 框架，通過 HTML 標(biāo)記和 CSS 來替代 JavaScript 對象，更容易集成各種先進(jìn)的技術(shù)。

35. jGraph

HTML5 圖表組件，完全支持l IE 6-8 和觸屏設(shè)備。 JGraph 自2001年來就一直提供最先進(jìn)的圖表軟件組件，是第一個流行的 JGraph Swing 庫。然后在 2005 年走在時代的前沿開發(fā) mxGraph。

標(biāo)題名稱：javascript分布圖,分布類圖表
鏈接地址：http://chinadenli.net/article35/dsshisi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站導(dǎo)航、品牌網(wǎng)站制作、域名注冊、營銷型網(wǎng)站建設(shè)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)