21个实用的Javascript数据图表插件
2016-12-13 16:32
295 查看
在本文我们精选了21个优秀的JavaScript数据图表插件,支持很多不同类型的图表库,而且多数是开源代码,可以免费使用,值得前端人员收藏。
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083027e5f.jpg)
Chartist 是一个响应式图表库,支持桌面和移动平台使用,支持CSS动画,但兼容性需要在IE9以上,其它流行的浏览器一般都兼容了。 版权: 免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830276Q1.jpg)
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028fAl.jpg)
版权: 免费个人使用,商业用途需付费
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028TtW.jpg)
要在IE8以上才能正常浏览 版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028U4u.jpg)
Chart.js 是一个轻量的图表库,大小只有11KB,图表设计简约,速度快,如果用于一些小型数据展示,我想这个很适合。 版权: 免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830280aF.jpg)
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028UdF.jpg)
版本:个人免费使用,商业用途需付费
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830281Iw.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028iGV.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028isu.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028fyv.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830287jo.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028TRV.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028X85.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028cO0.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028VCf.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028SBa.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028SMe.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029J5c.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029WU5.jpg)
版权:免费使用
在线演示&下载
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029TtW.jpg)
版权:免费个人使用,商业需付费
在线演示&下载
Chartist.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083027e5f.jpg)
Chartist 是一个响应式图表库,支持桌面和移动平台使用,支持CSS动画,但兼容性需要在IE9以上,其它流行的浏览器一般都兼容了。 版权: 免费使用
在线演示&下载
ECharts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830276Q1.jpg)
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
在线演示&下载
FusionCharts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028fAl.jpg)
版权: 免费个人使用,商业用途需付费
在线演示&下载
Dygraphs
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028TtW.jpg)
要在IE8以上才能正常浏览 版权:免费使用
在线演示&下载
Chart.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028U4u.jpg)
Chart.js 是一个轻量的图表库,大小只有11KB,图表设计简约,速度快,如果用于一些小型数据展示,我想这个很适合。 版权: 免费使用
在线演示&下载
Google Charts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830280aF.jpg)
在线演示&下载
Highcharts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028UdF.jpg)
版本:个人免费使用,商业用途需付费
在线演示&下载
Flot
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830281Iw.jpg)
版权:免费使用
在线演示&下载
D3.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028iGV.jpg)
版权:免费使用
在线演示&下载
N3-Charts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028isu.jpg)
版权:免费使用
在线演示&下载
NVD3
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028fyv.jpg)
版权:免费使用
在线演示&下载
Ember Charts
![](http://images.shejidaren.com/wp-content/uploads/2015/06/0830287jo.jpg)
版权:免费使用
在线演示&下载
JQuery Sparklines
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028TRV.jpg)
版权:免费使用
在线演示&下载
Sigma.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028X85.jpg)
版权:免费使用
在线演示&下载
Morris.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028cO0.jpg)
版权:免费使用
在线演示&下载
Cytoscape.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028VCf.jpg)
版权:免费使用
在线演示&下载
C3.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028SBa.jpg)
版权:免费使用
在线演示&下载
Rickshaw
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083028SMe.jpg)
版权:免费使用
在线演示&下载
Cubism.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029J5c.jpg)
版权:免费使用
在线演示&下载
Plottable.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029WU5.jpg)
版权:免费使用
在线演示&下载
Canvas.Js
![](http://images.shejidaren.com/wp-content/uploads/2015/06/083029TtW.jpg)
版权:免费个人使用,商业需付费
在线演示&下载
相关文章推荐
- 21个实用的Javascript数据图表插件
- 【web charting】21个Javascript图表插件程序
- 21个Javascript图表插件程序
- 21个前端人员必收藏的Js数据图表插件
- [转]5款性能出色的JavaScript图表插件
- 5款性能出色的JavaScript图表插件
- 10 个超赞的 JavaScript 图形图表绘制插件
- 10 款强大的JavaScript图表图形插件推荐
- 13个JavaScript图表图形绘制插件
- 如何设置 jqplot 图表插件所需的数据和几个属性介绍
- 13个JavaScript图表图形绘制插件
- 10 个基于 JavaScript 的图表插件推荐 .
- 实用火狐浏览器插件总结(用于调试javascript的插件--firedebug)
- asp.net中一款极为简单实用的图表插件(jquery)
- 10 个超赞的 JavaScript 图形图表绘制插件
- 14个华丽的javascript图表资源和插件
- 使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
- 10 款强大的JavaScript图表图形插件推荐
- 10 个基于 JavaScript 的图表插件推荐