5个最顶级jQuery图表类库插件【jquery插件库】


Posted in Javascript onMay 05, 2016

GraphUp jQuery plugin - 15美元

Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数据表。它能够使用颜色,柱状图及其气饱来有效的展现你的数据。

支持众多选项 - 选择数据清除器和一个油漆工具:填充,柱状,气饱图;配置小数点(支持句号或者逗号);定制颜色表及其CSS类;更多其他 轻量级 - 整个插件只有4kb 可扩展 - 你可以很容易的创建你自己的清除器和油漆工具或者颜色表。而且,拥有一个callback来执行上色前对单元格的任何操作。非常灵活,无限可能!大家可以产看演示 功能增强 - 你最初的表仍旧可以查看即时没有javascript 文档很全 - live examples and documentation.

兼容性:Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, Safari

1. jQuery Visualize Plugin

如果你想把一张表里的内容以图形化展示出来的话,那么这个插件将是最好的展示工具。他提供了不同类型的图标比如柱状图,饼图,面积图,折线图

演示实例

5个最顶级jQuery图表类库插件【jquery插件库】

支持的图表: 柱状图,饼图,面积图,折线图

系统需求:jQuery ,exanvas(已包括)

浏览器支持:IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支持但是Google维护了一个类库能将Canvas翻译成VML,这样可以允许在任意版本IE中运行

授权类型:MIT and GPL licenses

2. Highcharts

highcharts是非常棒的一个jQuery插件,简单来说highcharts和大多数的浏览器都兼容,甚至是iphone。支持很多类型的图表。并且是动态的插件,你可以轻松在创建图表后添加,删除,修改数列,轴或者点,并且可以从外部加载文件数据,同时支持提示条,这样你可以轻松的查看图表中的详细内容。最后还支持缩放和翻转。

演示实例

 5个最顶级jQuery图表类库插件【jquery插件库】

 5个最顶级jQuery图表类库插件【jquery插件库】

支持的图表: 柱状图,饼图,面积图,折线图,样条图,圆柱图,散点图,Areaspline

系统需求:jQuery 或者 MooTools

浏览器支持: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, IPhone!

授权类型:Creative Commons Attribution  Non-Commercial 3.0 License. 学校,非盈利组织及其个人免费使用。商业网站一个站点80美元

3. Flot

Flot的作者称它为"jQuery版的有吸引力的javascript标图",他非常简单并且实用,很容易就创建图表所有的选项都是可选的。主要得功能包括:开关系列,缩放,数据点互动,并且拥有简单的提示框

演示实例

5个最顶级jQuery图表类库插件【jquery插件库】

支持的图表: 柱状图,饼图,点状图,折线图

系统需求:jQuery

浏览器支持: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+

授权类型:MIT and GPL licenses

4. jQuery Sparklines

Sparklines能够在HTML或者Javasript中生成很小的行间图表,对于显示迷你图表特别有优势。因为它只使用1行来完成图标生成。另外一个非常不过得特性是自刷新。你可以看到它的鼠标移动扑捉在线演示。

演示实例

5个最顶级jQuery图表类库插件【jquery插件库】

支持的图表: 柱状图,饼图,折线图,Tristate, Bullet, Box Plot

系统需求:jQuery

浏览器支持: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授权类型:MIT and GPL licenses

5. jqPlot

最初并没有进入我的视野,但是经过深入研究后它的确是最好的jQuery图表免费插件之一。大量的选项提供给你,你甚至可以设置阴影和拖拽操作。甚至可以自动计算趋势线。个人觉得甚至可以和highcharts媲美。

演示实例

5个最顶级jQuery图表类库插件【jquery插件库】

5个最顶级jQuery图表类库插件【jquery插件库】

5个最顶级jQuery图表类库插件【jquery插件库】

支持的图表: 柱状图,饼图,折线图

系统需求:jQuery

浏览器支持: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授权类型:MIT and GPL version2 licenses

Javascript 相关文章推荐
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
JS前端加密算法示例
Dec 22 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
Vue2实时监听表单变化的示例讲解
Aug 30 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
Vue 组件封装 并使用 NPM 发布的教程
Sep 30 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 Javascript
javaScript中的原型解析【推荐】
May 05 #Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 #Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 #Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 #Javascript
基于jQuery实现动态搜索显示功能
May 05 #Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 #Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 #Javascript
You might like
浅析get与post的一些特殊情况
2014/07/28 PHP
php防止sql注入的方法详解
2017/02/20 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
js 匿名调用实现代码
2009/06/19 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
2013/04/26 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
jquery检测上传文件大小示例
2020/04/26 jQuery
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
[01:44]剑指西雅图 展望TI之CIS战队专访
2014/06/25 DOTA
[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
urllib2自定义opener详解
2014/02/07 Python
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python 对key为时间的dict排序方法
2018/10/17 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
150行python代码实现贪吃蛇游戏
2020/04/24 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
python Gabor滤波器讲解
2020/10/26 Python
大学生优秀的自我评价分享
2013/10/22 职场文书
历史系毕业生自荐信
2013/10/28 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
2014年超市工作总结
2014/11/19 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL