为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:

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

在本文我们精选了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

图片描述版权:免费个人使用,商业需付费

在线演示&下载

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

原文出处:shejidaren.com/category/css/css-learn

点击查看更多内容
31人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
页面重构设计
手记
粉丝
472
获赞与收藏
2.3万

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消