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 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
Javascript 面向对象 对象(Object)
May 13 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
three.js 制作动态二维码的示例代码
Jul 31 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
PHP中的integer类型使用分析
2010/07/27 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
JS实现的样式切换功能tableCSS实例
2016/12/30 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
vue实现表格过滤功能
2019/09/27 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Python比较两个图片相似度的方法
2015/03/13 Python
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python3+PyQt5+Qt Designer实现扩展对话框
2018/04/20 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
Python 在局部变量域中执行代码
2020/08/07 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
在职党员进社区活动总结
2014/07/05 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA
分析SQL窗口函数之排名窗口函数
2022/04/21 Oracle