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 replace()正则替换实现代码
Feb 26 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
用jquery设置按钮的disabled属性的实现代码
Nov 28 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
JS实现图片平面旋转的方法
Mar 01 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 Javascript
vue实现路由切换改变title功能
May 28 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
实用函数8
2007/11/08 PHP
怎样去阅读一份php源代码
2009/08/21 PHP
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
OpenLayer学习之自定义测量控件
2020/09/28 Javascript
仅用50行代码实现一个Python编写的计算器的教程
2015/04/17 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
Python 元类实例解析
2018/04/04 Python
实践Vim配置python开发环境
2018/07/02 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
餐厅执行经理岗位职责范本
2014/02/26 职场文书
五年级学生评语大全
2014/12/26 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书