阅读更多

10顶
0踩

Web前端
交互式图表是Web应用中不可或缺的一部分,一个优秀的图表,不仅可以令数据一目了然,而且可以极大地增强应用的用户体验。

本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。

1.  Cubism.js

一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。



源码 / 演示

2.  RGraph

一个HTML5 JavaScript图表库,支持20多种不同类型的图表。



源码 / 演示

3.  Cytoscape Web

一个开源的图形可视化库,基于jQuery编写。



源码 / 演示

4.  sigma.js

一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。



源码 / 演示

5.  Morris.js

一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。



源码 / 演示

6.  Timeplot

基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。



源码 + 演示

7.  Dracula

一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。



源码 + 演示

8.  gRaphael

一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。



源码 + 演示

9.  gvChart

一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。



源码 / 演示

10.  jQuery Highcharts Table

该插件可以将HTML表格中的数据自动转换成图表。



源码 + 演示

英文原文:10 Cool jQuery Graph and Chart Plugins
  • 大小: 57 KB
  • 大小: 73.2 KB
  • 大小: 43.8 KB
  • 大小: 66.6 KB
  • 大小: 52.6 KB
  • 大小: 63.3 KB
  • 大小: 49.8 KB
  • 大小: 71.1 KB
  • 大小: 68.8 KB
  • 大小: 49.2 KB
10
0
评论 共 9 条 请登录后发表评论
9 楼 stroer 2014-06-09 16:26
必须收藏啊
8 楼 zzq19860626 2012-06-01 12:29
强大 ,支持。个人技术博客http://www.happyalaric.com
7 楼 sunlong 2012-06-01 09:37
我做监控项目的时候,用的就是highcharts,推荐使用。另外提供一本javascript电子书,javascript高级程序设计第2版中文pdf:http://www.chm-pdf.com/ebook/professional-javascript-for-web-developers-2.html
6 楼 reyesyang 2012-06-01 09:17
Rgraph效果很炫
5 楼 conanca 2012-06-01 08:56
ytll21 写道
Highcharts+1

这个效果最好,可惜商用要收费
4 楼 lomodd 2012-06-01 08:41
这个很实用
3 楼 dsjob 2012-06-01 06:43
经典必须收藏加精
2 楼 ytll21 2012-05-31 23:56
Highcharts+1
1 楼 lvjinhua 2012-05-31 20:55
不错不错啊

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics