網上有很多用于繪制圖表圖形的免費JavaScript插件和圖表庫，這類插件大量出現(xiàn)的原因，一是人們不再依賴于Flash，二是瀏覽器和精密的計算使呈現(xiàn)實時數(shù)據(jù)變得容易，而且各種向量繪圖技術像VML、SVG和Canvas的發(fā)展也使之成為可能。 

本文推薦10款強大的繪制圖表圖形的JavaScript插件。其中一些插件需要主流瀏覽器的支持，而另外一些經過整合后，也能在不同的平臺和老版本的瀏覽器上工作。有些工具是獨立的框架，大部分支持常規(guī)的功能：條形圖、線形圖、餅形圖，有的還可以生成更復雜的圖表：關聯(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ù)驅動轉換。還可以將一組數(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標簽，這個工具可在網頁瀏覽器中生成JavaScript的圖表，這意味著更快的網頁加載和更少的Web服務器負載。 



6. Digraphs 

開源JS庫，能生成交互、可縮放的時間序列圖表。可顯示密集的數(shù)據(jù)組，用戶還可對這些數(shù)據(jù)進行分析和說明。 



7. CanvasXpress 

一個基于HTML5標簽的庫，支持大量極其復雜的圖表和圖形。 



8. gRaphael 

這個工具可在網站上創(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://m.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);