網(wǎng)上有很多用于繪制圖表圖形的免費JavaScript插件和圖表庫,這類插件大量出現(xiàn)的原因,一是人們不再依賴于Flash,二是瀏覽器和精密的計算使呈現(xiàn)實時數(shù)據(jù)變得容易,而且各種向量繪圖技術(shù)像VML、SVG和Canvas的發(fā)展也使之成為可能。
本文推薦10款強大的繪制圖表圖形的JavaScript插件。其中一些插件需要主流瀏覽器的支持,而另外一些經(jīng)過整合后,也能在不同的平臺和老版本的瀏覽器上工作。有些工具是獨立的框架,大部分支持常規(guī)的功能:條形圖、線形圖、餅形圖,有的還可以生成更復雜的圖表:關(guān)聯(lián)圖、維恩圖、熱區(qū)圖、Newick樹圖、二維散點圖、二維氣泡圖、三維散點圖。
1. Humble Finance
這是一個非常好用的HTML5數(shù)據(jù)可視化工具,與Flash工具頗為相似。基于JavaScript,利用了Prototype 和 Flotr 庫,可用于顯示兩組實時二維數(shù)據(jù)。
2. D3
D3是最流行的可視化庫之一,它可以將任意數(shù)據(jù)綁定到DOM(Document Object Model,文檔對象模型),然后對該文件提供數(shù)據(jù)驅(qū)動轉(zhuǎn)換。還可以將一組數(shù)據(jù)生成基本的HTML表,或生成一個SVG條形圖。
3. Rickshaw
Rickshaw可以創(chuàng)建交互時間序列圖。它依賴于D3的可視化庫,需要一些擴展比如jQuery和jQuery UI來輔助實現(xiàn)。
4. jqPlot
這是一個基于jQuery(最流行的JavaScript庫)的繪圖制表插件。jqPlot可以生成線形圖、條形圖、餅形圖。
5. rGraph
這是HTML5的JS圖表庫,擁有20多個類型的圖表。利用最新的HTML5 canvas標簽,這個工具可在網(wǎng)頁瀏覽器中生成JavaScript的圖表,這意味著更快的網(wǎng)頁加載和更少的Web服務器負載。
6. Digraphs
開源JS庫,能生成交互、可縮放的時間序列圖表。可顯示密集的數(shù)據(jù)組,用戶還可對這些數(shù)據(jù)進行分析和說明。
7. CanvasXpress
一個基于HTML5標簽的庫,支持大量極其復雜的圖表和圖形。
8. gRaphael
這個工具可在網(wǎng)站上創(chuàng)建美觀的圖表,它基于Raphael圖形庫,可以查看靜態(tài)圖表和互動圖表的演示。
9. Flotr2
一個獨立框架庫,可以繪制HTML5的圖表圖形,實際上是flotr的一個分支,功能更完善。可生成線形圖、條形圖、燭形圖、餅形圖和氣泡圖,還支持舊的瀏覽器(如IE 6)和移動平臺。
10. Awesome Chart JS
顧名思義,這是一個很棒的JavaScript庫,它可用于創(chuàng)建基于HTML 5 canvas元素的圖表。這個庫很簡單,只需要幾行代碼就能快速生成簡單的圖表。
英文原文:10 Awesome Javascript Plugins For Plotting Charts and Graphs
@import url(http://www.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);