推薦幾個web中常用js圖表插件


 

作者:zccst

我自己用過fusioncharts和highchart。

jQuery插件有:

TufteGraph

flot

js charts

jqchart

elycharts

jquery visualize plugin

 

普通的:

highcharts     http://www.highcharts.com/

Highcharts 是一個用純JavaScript編寫的一個圖表庫, 能夠很簡單便捷的在web網站或是web應用程序添加有交互性的圖表,並且免費提供給個人學習、個人網站和非商業用途使用。HighCharts支持的圖表類型有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。

 

2 jscharts   http://www.jscharts.com/

JS Chart是需要一些簡 單或無需手工書寫編碼的基於Javascript的免費圖表生成器。使用JS Chart可以很簡單很容易的完成你的生成圖表任務,因為你只需要使用客戶端腳本(即瀏覽器端),無需多余的插件或服務器端模塊。你只需要准備好JS Chart腳本、包含圖表數據的XML或Javascript數組。

3 fusioncharts          http://www.fusioncharts.com/

FusionCharts是一個Flash的圖表組件,它可以用來制作數據動畫圖表,其中動畫效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用於任何網頁的腳本語言類似於HTML , .NET,ASP , JSP, PHP , ColdFusion等,提供互動性和強大的圖表。使用XML作為其數據接口, FusionCharts充分利用流體美麗的Flash創建緊湊,互動性和視覺逮捕圖表。

 

4 flot   http://www.flotcharts.org/

Flot是基於 jQuery框架繪制圖表的純Javascript框架。它可在客戶端即時繪制並生成各種圖形。重要的是它使用簡便(還有很多可選的設置)、吸引人的視覺 效果和交互功能,如圖表縮放和鼠標跟蹤等。該javascript框架適用於我們所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+瀏覽器。

 

ProtoChart    https://code.google.com/p/protochart/

ProtoChart是一個采用Prototype和Canvas開發的圖表制作開源javascript工具包。當前支持的圖表類型包括:Line、bar、pie、curve、mix和area charts.

 

6 EJSChart   http://www.ejschart.com/

EJSChart支持鼠標跟蹤、鼠標事件、鍵盤跟蹤和事件、縮放、滾動、十字線增加交互感並為網頁圖表的用戶體驗提升了一個檔次。您可以選擇多種圖表類型:線、面、分散數據、餅和函數級數。圖表的每個細節都可以自定制。

 

 

7 ECharts http://echarts.baidu.com/

 

基於Canvas,純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。

 

 

8 PlotKit  http://www.liquidx.net/plotkit/

PlotKit是一款繪制圖表圖形的Javascript框架。它支持HTML Canvas、基於Adobe SVG Viewer的SVG和本地瀏覽器。

 

9 Open Flash Chart   http://teethgrinder.co.uk/open-flash-chart-2/

OpenFlashChart是一款開源的以Flash和Javascript為技術基礎的免費圖表,用它能創建一些很有效果的報表分析圖表。

 

10 Flotr2   http://www.humblesoftware.com/flotr2/
Flotr2 是個獨立框架庫,支持HTML5圖表和圖形。它是 flotr 的一個分支版本,移除了 Prototype 依賴性,並且有很多改進。支持:線圖、條圖、蠟狀圖、餅圖、氣泡圖。諸如 IE6 類的老瀏覽器也支持。




11 Rickshaw  http://code.shutterstock.com/rickshaw/
Rickshaw 是個用於創建交互式時序圖的JS工具。它依賴 D3 可視化庫和其他一些 jQuery 和 jQuery UI 的插件。


12 D3   http://d3js.org/
D3 是最流行的可視化庫之一,它被很多其他的表格插件所使用。它允許綁定任意數據到DOM,然后將數據驅動轉換應用到Document中。你可以使用它用一個數組創建基本的HMTL表格,或是利用它的流體過度和交互,用相似的數據創建驚人的SVG條形圖.




13 Awesome Chart JS   http://cyberpython.github.io/AwesomeChartJS/
Awesome Chart JS 是一個Javascript生成圖表的類庫,它利用了 HTML5 的 canvas 標簽來創建統計圖表。此類庫就是為了減輕開發者的工作量,使用它只需書寫幾行代碼便能生成漂亮的圖表。




14 gRaphael  http://g.raphaeljs.com/
gRaphael能夠為你的網站創建漂亮的表格,它基於Raphael圖形庫。它支持Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+.



15 jqPlot  http://www.jqplot.com/
jqPlot是一個jQuery繪圖插件,可以利用它制作漂亮的線狀圖和柱狀圖。jqPlot支持為圖表設置各種不同的樣式。提供Tooltips,數據點高亮顯示等功能。



16 RGraph  http://www.rgraph.net/
RGraph是基於HTML5 canvas標簽的HTML5 canvas圖形庫。


17 dygraphs   http://dygraphs.com/
dygraphs 是一個開源的Javascript庫,它可以產生一個可交互式的,可縮放的的曲線表。其可以用來顯示大密度的數據集(比如股票,氣溫,等等),並且可以讓 用戶來瀏覽和解釋這個曲線圖。在它的主頁,你可以看到一些示例和用法。




18 CanvasXpress   http://www.canvasxpress.org/
CanvasXpress是一個基於HTML5 canvas標簽實現的JavaScript圖表類庫,它能夠支持線性圖、柱形圖、餅圖和熱點圖等多種常見的圖表類型。它所生成的圖表交互性很強,鼠標放 上去時會動態顯示值。除此之外,它也具有相當高的可定制性,可設置圖表的文字、顏色和要顯示/隱藏的元素等。

 

多數是html5 Canvas的圖表,fusioncharts是flash的,有免費版,希望對你有用

1.EXTJS4
EXTJS 4是一個javascript框架,其中包含很專業的圖表

2.fusioncharts

3.Visualize
Visualize通過Javascript從結構化的HTML表格獲取數據並借助HTML5 Canvas把數據轉換為可視化的圖表。

4. rGraph
rGraph是一個基於HTML5 canvas的圖表庫。借助HTML5的特性可以生成各種類型的圖表,例如餅圖、條形圖、圓環圖、甘特圖、雷達圖等。

5. iGrapher
iGrapher是一個免費的基於Web的,分析和預測股票、貨幣和商品的市場走勢的可視化工具。

6. Function Plotter
由Ed Mackey開發的函數圖形繪制工具,使用Canvas繪制二維數學函數圖形。

7. Building HTML5 Canvas Bar Graph
使用HTML5 Canvas元素和Javascript繪制條形圖。

8. HTML5 Graph Slider
一個動態圖形查看器,可通過JavaScript接收數據並即時更新到圖表中。

9. Graph.tk
Graph.tk是一個開源的圖形工具,可以以不同的風格呈現函數曲線。

8. Ticker Plot
Ticker plot也是一個開源項目,使用股票符號繪制走勢圖。

10. HumbleFinance
類似於Google的Flash財經圖表工具,HumbleFinance是一個基於HTML5 canvas的圖表項目。

11. Charting HTML5
一個HTML5 canvas實驗項目,看看它用於呈現圖表的特性。

12. Graphr
Graphr是一個使用JavaScript編寫的計算器,由Richard Ye開發。

13. Snazzy Animated Pie Chart with HTML5 and jQuery
基於HTML5特性開發的餅圖工具,擁有漂亮的動畫效果。

14. AwesomeJS
AwesomeChartJS是一個簡單的Javascript庫,可用於創建基於HTML 5 Canvas元素的圖表。

15. jsGraph
jsGraph是一個輕量的javascript庫,用於結合HTML5呈現圖表。

16. Facebook Privacy
基於Prototype開發的可視化數據圖表。

17. ASK KEN
ASK KEN™是一個序列的節點連接圖,可以讓你通過可視化導航鏈接到Freebase服務提供的主題。

18. CanvasXpress
CanvasXpress是另外一個結合HTML5特性開發的跨瀏覽器圖表庫,兼容主流瀏覽器。

19. ZingChart
如果前面那些開源和免費的圖表方案都滿足不了你的項目,可以試試ZingChart,這是首個可以以Flash和HTML5 Canvas兩種方案呈現圖表的圖表庫。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM