图表(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/



主页: 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


主页: 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



主页: 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


Visifire 是一组开源的Microsoft Silverlight图表制作组件。 Visifire让你利用ASP、ASP.Net、PHP、JSP、ColdFusion、Ruby on Rails或是只有HTML都能快速制作出“惊人”的图表(Charts)。不需要懂得任何Silverlight知识,只要具备基础的HTML知识,就 能够使用该强大的Silverlight图表制作组件。
主页: http://www.visifire.com/
下载: http://www.visifire.com/download_silverlight_charts.php
示例: http://www.visifire.com/


用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的免费版,但功能仍然 很强大。它能够生成的图表类型包括:

主页: http://www.fusioncharts.com/free/
下载: http://www.fusioncharts.com/free/Download.asp
示例: http://www.atblabs.com/jquery.corners.html


JS Charts是一个JavaScript制 图组件。支持的图表类型包括:柱状图,圆饼图,曲线图等。JS Charts支持的数据源可以是XML或JavaScript数 组。
主页: http://www.jscharts.com/
下载: http://www.jscharts.com/free-download
示例: http://www.jscharts.com/examples



主页: http://www.artness.de/moo/
下载: http://www.artness.de/moo/Web/JS/mootools/artness.moochart.js
示例: http://www.artness.de/moo/




主页: 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/


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




主页: http://www.jqplot.com/
下载: http://www.bitbucket.org/cleonello/jqplot/downloads/
示例: http://www.jqplot.com/tests/



主页: 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/



主页: 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/