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 相关文章推荐
js 弹出菜单/窗口效果
Oct 30 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
May 07 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
Aug 22 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
element实现合并单元格通用方法
Nov 13 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
Nuxt 项目性能优化调研分析
Nov 07 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 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
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
List Installed Software Features
2007/06/11 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
JavaScript检查某个function是否是原生代码的方法
2014/08/20 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
Java及python正则表达式详解
2017/12/27 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
python 将列表里的字典元素合并为一个字典实例
2020/09/01 Python
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
3个CCIE对一个工程师的面试题
2012/05/06 面试题
个人务虚会发言材料
2014/10/20 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python