10 个 jQuery 图表插件推荐
2012-07-18 23:19
387 查看
交互式图表是Web应用中不可或缺的一部分,一个优秀的图表,不仅可以令数据一目了然,而且可以极大地增强应用的用户体验。
本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。
1. Cubism.js
一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/e026c3f57dcc151111810e7c2534ed4e.jpg)
源码 / 演示
2. RGraph
一个HTML5 JavaScript图表库,支持20多种不同类型的图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/7eb54764ab8b837dfd541a5e2ea85993.jpg)
源码 / 演示
3. Cytoscape Web
一个开源的图形可视化库,基于jQuery编写。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/74348d4bb4928c83821a4fcae586cfa2.jpg)
源码 / 演示
4. sigma.js
一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/f72505ef75510422fa9de847090461b1.jpg)
源码 / 演示
5. Morris.js
一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/21e50448ba13b82351bbdb5487288421.jpg)
源码 / 演示
6. Timeplot
基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/0045d3564d98c9cf113a39624fa37d40.jpg)
源码 + 演示
7. Dracula
一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/4347a39c1daab0759b638cdc6ef0c348.jpg)
源码 + 演示
8. gRaphael
一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/9145ce897ce4082a91f5a373e7afeceb.jpg)
源码 + 演示
9. gvChart
一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/773b94e258d8a4013050e4eb3ddcde20.jpg)
源码 / 演示
10. jQuery Highcharts Table
该插件可以将HTML表格中的数据自动转换成图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/98bf1ca554f6b44e814ffa2ddb5d9490.jpg)
源码 + 演示
本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。
1. Cubism.js
一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/e026c3f57dcc151111810e7c2534ed4e.jpg)
源码 / 演示
2. RGraph
一个HTML5 JavaScript图表库,支持20多种不同类型的图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/7eb54764ab8b837dfd541a5e2ea85993.jpg)
源码 / 演示
3. Cytoscape Web
一个开源的图形可视化库,基于jQuery编写。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/74348d4bb4928c83821a4fcae586cfa2.jpg)
源码 / 演示
4. sigma.js
一个开源的轻量级JavaScript库,使用HTML canvas元素来绘制图形。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/f72505ef75510422fa9de847090461b1.jpg)
源码 / 演示
5. Morris.js
一个小巧的、效果漂亮的JavaScript库,用于可视化时间序列数据。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/21e50448ba13b82351bbdb5487288421.jpg)
源码 / 演示
6. Timeplot
基于DHTML的AJAX部件,用于绘制时间序列,并在上面叠加基于时间的事件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/0045d3564d98c9cf113a39624fa37d40.jpg)
源码 + 演示
7. Dracula
一套用于显示和设计交互式图表的工具,包含了各种不同的算法。无需Flash、Java和其他插件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/4347a39c1daab0759b638cdc6ef0c348.jpg)
源码 + 演示
8. gRaphael
一个开源的JavaScript图表库,基于Raphael(拉斐尔)JavaScript库。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/9145ce897ce4082a91f5a373e7afeceb.jpg)
源码 + 演示
9. gvChart
一个jQuery插件,使用谷歌的Charts API以及HTML <table>标记中的数据,来创建交互式、可视化的图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/773b94e258d8a4013050e4eb3ddcde20.jpg)
源码 / 演示
10. jQuery Highcharts Table
该插件可以将HTML表格中的数据自动转换成图表。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201910/28/98bf1ca554f6b44e814ffa2ddb5d9490.jpg)
源码 + 演示
相关文章推荐
- 10 个 jQuery 图表插件推荐
- 10 个基于 JavaScript 的图表插件推荐
- 10 个基于 JavaScript 的图表插件推荐
- 10 个基于 jQuery 的 Web 交互插件推荐
- 10 个基于 JavaScript 的图表插件推荐
- 推荐几个不错的jQuery图表插件,让你的报表更清晰动感
- 10 个基于 jQuery 的 Web 交互插件推荐
- 推荐5个漂亮的jquery主流图表插件
- 推荐5个漂亮的jquery主流图表插件
- 10 个基于 jQuery 的 Web 交互插件推荐
- 推荐几个不错的jQuery图表插件,让你的报表更清晰动感
- 推荐几个不错的jQuery图表插件,让你的报表更清晰动感 <转>
- 10 个令人惊喜的 jQuery 插件推荐
- 推荐5个漂亮的jquery主流图表插件
- 推荐5个漂亮的jquery主流图表插件[转]
- 10 个基于 jQuery 的 Web 交互插件推荐
- 10 个基于 JavaScript 的图表插件推荐 .
- 推荐几个不错的jQuery图表插件,让你的报表更清晰动感
- 推荐几个不错的jQuery图表插件,让你的报表更清晰动感 &lt;转&gt;
- 推荐一款好用的jquery弹出层插件——wbox