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 相关文章推荐
JavaScript格式化数字的函数代码
Nov 30 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
js中的this关键字详解
Sep 25 Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
Aug 31 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
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
论建造顺序的重要性
2020/03/04 星际争霸
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
PHP生成树的方法
2015/07/28 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
2015/11/16 Javascript
前端性能优化及技巧
2016/05/06 Javascript
vue实现多个元素或多个组件之间动画效果
2018/09/25 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
Python字符串拼接、截取及替换方法总结分析
2016/04/13 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
解决python 自动安装缺少模块的问题
2018/10/22 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
javascript实现用户必须勾选协议实例讲解
2021/03/24 Javascript
机电专业毕业生求职信
2013/10/27 职场文书
白酒业务员岗位职责
2013/12/27 职场文书
公司周年庆典邀请函
2014/01/12 职场文书
大学生实习感言
2014/01/16 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
母亲节寄语大全
2015/02/27 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP