10 款強大的JavaScript圖表制作組件

本文推薦10款強大的繪制圖表圖形的JavaScript插件。其中一些插件需要主流瀏覽器的支持，而另外一些經過整合后，也能在不同的平臺和老版本的瀏 覽器上工作。有些工具是獨立的框架，大部分支持常規的功能：條形圖、線形圖、餅形圖，有的還可以生成更復雜的圖表：關聯圖、維恩圖、熱區圖、Newick 樹圖、二維散點圖、二維氣泡圖、三維散點圖。

1. Humble Finance

這是一個非常好用的HTML5數據可視化工具，與Flash工具頗為相似。基于JavaScript，利用了Prototype 和 Flotr 庫，可用于顯示兩組實時二維數據。

2. D3

D3是最流行的可視化庫之一，它可以將任意數據綁定到DOM（Document Object Model，文檔對象模型），然后對該文件提供數據驅動轉換。還可以將一組數據生成基本的HTML表，或生成一個SVG條形圖。



3. Rickshaw

Rickshaw可以創建交互時間序列圖。它依賴于D3的可視化庫，需要一些擴展比如jQuery和jQuery UI來輔助實現。



4. jqPlot

這是一個基于jQuery（最流行的JavaScript庫）的繪圖制表插件。jqPlot可以生成線形圖、條形圖、餅形圖。



5. rGraph

這是HTML5的JS圖表庫，擁有20多個類型的圖表。利用最新的HTML5 canvas標簽，這個工具可在網頁瀏覽器中生成JavaScript的圖表，這意味著更快的網頁加載和更少的Web服務器負載。



6. Digraphs

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



7. CanvasXpress

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



8. gRaphael

這個工具可在網站上創建美觀的圖表，它基于Raphael圖形庫，可以查看靜態圖表和互動圖表的演示。



9. Flotr2

一個獨立框架庫，可以繪制HTML5的圖表圖形，實際上是flotr的一個分支，功能更完善。可生成線形圖、條形圖、燭形圖、餅形圖和氣泡圖，還支持舊的瀏覽器（如IE 6）和移動平臺。



10. Awesome Chart JS

顧名思義，這是一個很棒的JavaScript庫，它可用于創建基于HTML 5 canvas元素的圖表。這個庫很簡單，只需要幾行代碼就能快速生成簡單的圖表。