sparklines插件_21个实用的Javascript数据图表插件
21个实用的Javascript数据图表插件
六月 16, 2015
评论 (2)
Sponsor
今天主要和大家分享一些统计图表相关的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图表插件,欢迎在下方留言处分享给大家:)
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
断天涯大虾 -
2016 年 11 月 06 日 下午 8:47
不错不错,如果也包含了FlexChart图表控件的介绍,就更好了
Win7en乐园 -
2015 年 06 月 17 日 上午 10:49
学习了哈!
{ 发表评论 }
姓 名 (必填)
邮 件 (必填)
网 站
sparklines插件_21个实用的Javascript数据图表插件相关推荐
- java excel 插件_轻量级的原生JavaScript的Excel插件——JExcel
介绍 jExcel是一个轻量级的原生javascript插件,用于创建与Excel或任何其他电子表格软件兼容的基于Web的交互式表格和电子表格.可以从JS数组,JSON,CSV或XSLX文件创建在线电 ...
- 帝国 ajax评论插件,最简单实用的帝国cms评论插件
今天河南SEO为大家分享一个帝国评论插件本插件也是笔者在日常中总结的. 帝国cms评论仿畅言评论插件 1.支持(7.0&7.2)gbk.utf8两种编码,开源下载 2.增加了一套和畅言一样的表 ...
- 使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
日期:2011/11/14 来源:Terry jQuery sparklines是一个jQuery的图表插件,可以帮助你快速构建行内的小图表,今天我们将使用Sparklines开发一个动态监视首页P ...
- 【小河今学 | JavaScript+jQuery】JQ插件开发练习之数据表格插件
8.11 今天作业是要求练习JQ插件开发的书写过程,具体要求如下: 需求: 制作一个数据表格插件. 功能: 完成表格数据的动态显示: 定义插件的默认参数: 实现表格的自定义事件. 接下来讲一下我练习过 ...
- 15个非常实用的JavaScript表单验证库
来源:web前端开发 https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg 客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务器之前给予 ...
- 实用Jquery开发自己的插件
实用Jquery开发自己的插件 jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身 ...
- 17个实用的JavaScript数组和对象的方法
原文:Useful Javascript Array and Object Methods 作者:Robert Cooper 译者:Jim Xiao 前段时间,我收听了一个很棒的Syntax FM播客 ...
- tinypng 批量处理插件_分享六款逆天的Excel插件,高效处理数据必备!低调使用...
Excel是个很强大的数据处理软件,但也正因为它的强大,很多操作就比较复杂,想要熟练掌握并上手也不是件简单的事情.那么在办公中我们怎样才能快速提高我们的数据处理能力呢?别急,今天小编就来跟大家分享六个 ...
- Handsontable 12.3.0 JavaScript 数据网格组件 -Crack
添加复制列标题内容的功能. 2022 年 12 月 15 日 - 9:54新版本 特征 添加了使用 3 个新的上下文菜单选项复制列标题内容的功能:"复制标题"."复制组标 ...
最新文章
- java session验证码_利用session实现一次性验证码
- python日志模块为什么打印到界面_如何将外部模块的日志消息打印到主Python模块的终端窗口?...
- JAVA中Map集合的使用举例
- DOM相关方法,属性整理
- CentOS中怎样解压rar文件
- 苹果CEO库克薪酬达员工1500倍;曝英特尔将开放x86内核授权;TensorFlow技术主管皮特・沃登离职|极客头条
- 灵魂拷问:如何检查 Java 数组中是否包含某个值 ?
- 学MFC的九九八十一难
- 论文写作中Word设置公式居中编号右对齐保姆级教程
- Android 中关于Environment类的总结
- CSS实现元素固定宽高比
- 关于联想Thinkpad E450 系列笔记本电脑独立显卡不能工作的解决方案(蓝屏/卡顿/掉帧)
- Daily English(每日一句)
- 第五十七篇 Django-CRM系统-1登录,注册,修改密码
- 推荐系统实践(五)----基于图的推荐算法
- Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception
- API服务平台,实现多个API的编排与聚合
- Dell 730xd 加外部硬件 风扇变快
- 【Unity3D Shader编程】之六 暗黑城堡篇 表面着色器 Surface Shader 的写法 一
- Mac中如何通过terminal命令行进入“iCloud Driver”目录
热门文章
- SQL case when 2种用法
- 30道经典SQL面试题讲解(1-10)
- SAP Spartacus需要补充url validation单元测试的地方
- 如何使用配置的方式修改SAP C4C UI的字段标签,以及背后的工作原理
- SAP cross distribution chain status在Fiori应用中的draft handling
- 2015-03-19 header note update in my Appointment
- why we need createBindingContext in SAP UI5
- SAP UI5 /UI5/IF_UI5_REP_PERSISTENCE - why I cannot deploy app to GM6
- view controller lifecycle discussion - beforeRendering
- Netweaver 服务器和客户端TLS版本号不匹配的解决方案