CSS图书馆 » HTML & CSS » 21个实用的Javascript数据图表插件

21个实用的Javascript数据图表插件

发表于: HTML & CSS. 评论 (2)
赞助商链接

今天主要和大家分享一些统计图表相关的JS插件,图表通常用在网站后台界面,作为一种可视化数据形式展示,能让用户直观的查看统计信息,然而图表在WEB上实现是比较复杂的,特别有些要实现移动端显示,这样的前端代码编写难度较高,所以如果能使用一些图表库就方便多了。

在本文我们精选了21个优秀的Javascript数据图表插件,支持很多不同类型的图表库,而且多数是开源代码,可以免费使用,值得前端人员收藏。

Chartist.js

JS图表库

Chartist 是一个响应式图表库,支持桌面和移动平台使用,支持CSS动画,但兼容性需要在IE9以上,其它流行的浏览器一般都兼容了。 版权: 免费使用

在线演示&下载

ECharts

JS图表库

ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,同时提供标题,详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。

在线演示&下载

FusionCharts

JS图表库

版权: 免费个人使用,商业用途需付费

在线演示&下载

Dygraphs

JS图表库

要在IE8以上才能正常浏览 版权:免费使用

在线演示&下载

Chart.js

JS图表库

Chart.js 是一个轻量的图表库,大小只有11KB,图表设计简约,速度快,如果用于一些小型数据展示,我想这个很适合。 版权: 免费使用

在线演示&下载

Google Charts

JS图表库

在线演示&下载

Highcharts

JS图表库

  版本:个人免费使用,商业用途需付费  

在线演示&下载

Flot

JS图表库

版权:免费使用

在线演示&下载

D3.js

JS图表库

版权:免费使用

在线演示&下载

n3-charts

JS图表库

版权:免费使用

在线演示&下载

NVD3

JS图表库

版权:免费使用

在线演示&下载

Ember Charts

JS图表库

版权:免费使用

在线演示&下载

jQuery Sparklines

JS图表库

版权:免费使用

在线演示&下载

Sigma.js

JS图表库

版权:免费使用

在线演示&下载

Morris.js

JS图表库

版权:免费使用

在线演示&下载

Cytoscape.js

JS图表库

版权:免费使用

在线演示&下载

C3.js

JS图表库

版权:免费使用

在线演示&下载

Rickshaw

JS图表库

版权:免费使用

在线演示&下载

Cubism.js

JS图表库

版权:免费使用

在线演示&下载

Plottable.js

JS图表库

版权:免费使用

在线演示&下载

Canvas.js

JS图表库

版权:免费个人使用,商业需付费

在线演示&下载

如果有更好的Javascript图表插件,欢迎在下方留言处分享给大家:)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。