21個Javascript圖表插件程序
原文地址:http://hi.baidu.com/danghj/blog/item/37aeb1776054ee17b051b912.html
圖表(Chart)能直觀的展示數據,但靜 態圖片圖表缺乏交互性,更新維護起來比較麻煩。看看有哪些比較好的JavaScript圖表腳本吧。21 個Javascript圖表插件程序。
主頁: http://code.google.com/p/flot/
下載: http://flot.googlecode.com/files/flot-0.5.zip
示例: http://people.iola.dk/olau/flot/examples/
主頁: http://plugins.jquery.com/project/jQchart
下載: http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html
示例: http://plugins.jquery.com/files/jquery.jqchart-0.03-beta-1.1.js.txt
3, Open Flash Chart
Open Flash Chart是一個開源的Flash製圖組件。
主頁: http://teethgrinder.co.uk/open-flash-chart/
下載:
http://teethgrinder.co.uk/open-flash-chart/download.php
示例: http://teethgrinder.co.uk/open-flash-chart/
4, Plotkit
主頁: http://www.liquidx.net/plotkit/
下載: http://media.liquidx.net/static/plotkit/plotkit-0.9.1.zip
示例: http://media.liquidx.net/js/plotkit-tests/dynamic.html 5, XML SWF Charts
主頁: http://www.maani.us/xml_charts/
下載:
http://www.maani.us/xml_charts/index.php?menu=Download
示例:
http://www.maani.us/xml_charts/index.php?menu=Gallery
主頁: http://omnipotent.net/jquery.sparkline/
下載: http://omnipotent.net/jquery.sparkline/
示例: http://omnipotent.net/jquery.sparkline/
7, Flotr
主頁: http://solutoire.com/flotr/
下載: http://code.google.com/p/flotr/
示例: http://code.google.com/p/flotr/
主頁: http://teethgrinder.co.uk/open-flash-chart-2/
下載: http://teethgrinder.co.uk/open-flash-chart-2/downloads.php
示例: http://teethgrinder.co.uk/open-flash-chart-2/area-hollow.php
9, ProtoChart
主頁:
http://blog.deensoft.com/2008/07/28/protochart-prototype-canvas-pretty-charts/
下載:
http://blog.deensoft.com/2008/07/28/protochart-prototype-canvas-pretty-charts/
示例: http://www.deensoft.com/lab/protochart
10, Visifire
Visifire 是一組開源的Microsoft Silverlight圖表製作組件。Visifire讓你利用ASP、ASP.Net、PHP、JSP、ColdFusion、Ruby onRails或是隻有HTML都能快速製作出“驚人”的圖表(Charts)。不需要懂得任何Silverlight知識,只要具備基礎的HTML知識,就能夠使用該強大的Silverlight圖表製作組件。
主頁: http://www.visifire.com/
下載:
http://www.visifire.com/download_silverlight_charts.php
示例: http://www.visifire.com/
11, CSS for Bar Graphs
用XHTML+CSS實現各種柱狀圖(Bar
Graph) 的示例。
主頁:
http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
下載:
http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
示例:
http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
FusionCharts Free是一個製圖組件用於創建好看,數據驅動,擁有動畫效果的Flash charts。它能夠與PHP、Python、Ruby on Rails、ASP、ASP.NET、JSP、ColdFusion、HTML頁面等一起使用。這個組件是FusionCharts的免費版,但功能仍然 很強大。它能夠生成的圖表類型包括:
2D/3D column & bar charts2D/3D pie & doughnut chartsLine chartsArea chartsStacked chartsGantt charts主頁: http://www.fusioncharts.com/free/
下載: http://www.fusioncharts.com/free/Download.asp
示例: http://www.atblabs.com/jquery.corners.html
13, JS Charts
JS Charts是一個JavaScript制 圖組件。支持的圖表類型包括:柱狀圖,圓餅圖,曲線圖等。JS Charts支持的數據源可以是XML或JavaScript數
組。
主頁: http://www.jscharts.com/
下載: http://www.jscharts.com/free-download
示例: http://www.jscharts.com/examples
14, MooCSSCharts
主頁: http://www.artness.de/moo/
下載: http://www.artness.de/moo/Web/JS/mootools/artness.moochart.js
示例: http://www.artness.de/moo/
15, jQuery Google Charts
主頁: http://www.maxb.net/scripts/jgcharts/include/demo/
下載: http://plugins.jquery.com/files/jgcharts-0.96.zip
示例: http://www.maxb.net/scripts/jgcharts/include/demo/
16, Axiis
Axiis是一個基於Degrafa,Flex&ActionScript3.0開發的開源數據圖表組件。
主頁: http://www.axiis.org/index.html
下載: http://code.google.com/p/axiis/downloads/list
示例: http://www.axiis.org/examples.html
17, jqPlot
主頁: http://www.jqplot.com/
下載: http://www.bitbucket.org/cleonello/jqplot/downloads/
示例: http://www.jqplot.com/tests/
18, jQuery Visualize Plugin
主頁: http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas
下載: http://www.filamentgroup.com/examples/charting_v2/visualize.filamentgroup.zip
示例: http://www.filamentgroup.com/examples/charting_v2/
主頁: http://code.google.com/p/milkchart/
下載: http://code.google.com/p/milkchart/downloads/list
示例: http://code.google.com/p/milkchart/
20, Raphaël
主頁: http://raphaeljs.com/
下載: http://github.com/DmitryBaranovskiy/raphael/blob/master/raphael-min.js?raw=true
示例: http://raphaeljs.com/
gRaphaël 是一個基於Raphaël實現的開源JavaScript圖表製作Library。它既可以生成靜態圖表,也可以生成具有交互功能的圖表。圖表類型包括:餅圖,柱狀圖,線狀圖和點狀圖。圖表採用VML創建支持大部分瀏覽器如:Firefox3.0+、Safari3.0+、Opera9.5+和Internet
Explorer6.0。
主頁: http://g.raphaeljs.com/
下載:
http://github.com/DmitryBaranovskiy/g.raphael/blob/master/g.raphael-min.js?raw=true
示例: http://g.raphaeljs.com/