图表(Chart)能直观的展示数据,但静态图片图表缺乏交互性,更新维护起来比较麻烦。看看有哪些比较好的Javascript图表脚本吧。12款Javascript图表插件。
1. XML SWF Charts (演示地址)
XML SWF Charts是一个简单,但强大,利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括:
2. CSS for Bar Graphs
用XHTML CSS实现各种柱状图(Bar Graph)的示例。
3. FusionCharts Free
Free版本的FusionCharts提供了22种不同的图表(与22个.swf文件相对应):单序列图表(2D柱状图、3D柱状图、2D折线 图、2D饼图、3D饼图、2D条形图、2D面积图、2D圆环图)、多序列图表(2D柱状图、3D柱状图、2D折线图、2D条形图、2D面积图)、堆叠图表 (2D柱状图、3D柱状图、2D条形图、2D面积图)、组合图表(3D柱状图 折线图、2D柱状图 折线图)、财务图表(K线图)、其它图表(甘特图、漏斗图)。
4. JS Charts (演示地址)
JS Charts是一个JavaScript制图组件。支持的图表类型包括:柱状图,圆饼图,曲线图等。JS Charts支持的数据源可以是XML或JavaScript数组。
5. MooCSSCharts
基于Mootools CSS实现,拥有动画效果的柱状图(BarCharts)。
6. jQuery Google Charts (演示地址)
jQuery Google Charts是一个封装Google API charts的jQuery插件,提供了更加简易的使用方法。
7. Axiis (演示地址)
Axiis是一个基于Degrafa,Flex
8. jqPlot (演示地址)
jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。
9. pChart
pChart是一个开源的图表生成库,主要涉及3个Class:pChart.class, pData.class, pCache.class,可生成20多种简单或复杂的图表,支持PNG,JPG,GIF通用图片格式。数据源可以来自于Database,CSV,当然 也可以手写。使用该程序PHP需要开启GD服务,先来看看pChart的工作流程:
10. Protovis
Protovis 是一个利用画布元素实现可数据可视化的JavaScript库。它可以将数据轻松地转化成自定义的视图,如栏状、点状。
11. Kap lab
Kap lab是一款基于AS3的可视化Flex组件,组件包括如下部件:
- Diagrammer-用于创建图形(Mind图形);
- Visualizer-用于组织和展示结构层次;
- Radar Chart-用于分析和比较数据项;
- Treemap-用于目录清单管理;
- Ring Chart-环形图表。
12. Flare
Flare是一个可视化Adobe Flash ActionScript库。功能包括从基本的图表,图形到复杂的图形交互。该库支持数据管理, 视觉编码,动画和互动技术。更强大的是它允许开发/设计人员通过模版化设计方式创建调用,而不需要过多的代码编写。