在本文我们精选了21个优秀的JavaScript数据图表插件,支持很多不同类型的图表库,而且多数是开源代码,可以免费使用,值得前端人员收藏。
Chartist.Js
Chartist 是一个响应式图表库,支持桌面和移动平台使用,支持CSS动画,但兼容性需要在IE9以上,其它流行的浏览器一般都兼容了。 版权: 免费使用
ECharts
ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
FusionCharts
版权: 免费个人使用,商业用途需付费
Dygraphs
要在IE8以上才能正常浏览 版权:免费使用
Chart.Js
Chart.js 是一个轻量的图表库,大小只有11KB,图表设计简约,速度快,如果用于一些小型数据展示,我想这个很适合。 版权: 免费使用
Google Charts
Highcharts
版本:个人免费使用,商业用途需付费
Flot
版权:免费使用
D3.Js
版权:免费使用
N3-Charts
版权:免费使用
NVD3
版权:免费使用
Ember Charts
版权:免费使用
JQuery Sparklines
版权:免费使用
Sigma.Js
版权:免费使用
Morris.Js
版权:免费使用
Cytoscape.Js
版权:免费使用
C3.Js
版权:免费使用
Rickshaw
版权:免费使用
Cubism.Js
版权:免费使用
Plottable.Js
版权:免费使用
Canvas.Js
版权:免费个人使用,商业需付费