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实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
JavaScript中数组slice和splice的对比小结
Sep 22 Javascript
jQuery实现动态文字搜索功能
Jan 05 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
解决vue页面渲染但dom没渲染的操作
Jul 27 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 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+ajax 无刷新删除数据
2010/02/20 PHP
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
JS原型对象通俗"唱法"
2012/12/27 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
详解js中let与var声明变量的区别
2020/04/05 Javascript
python编程实现12306的一个小爬虫实例
2017/12/27 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
使用python图形模块turtle库绘制樱花、玫瑰、圣诞树代码实例
2020/03/16 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
求职信内容考虑哪几点
2013/10/05 职场文书
学校后勤人员职责
2013/12/27 职场文书
二手房购房意向书范本
2014/04/01 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
学生违反校规检讨书
2014/10/28 职场文书
2019通用版劳动合同范本!
2019/07/11 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
MySQL中的隐藏列的具体查看
2021/09/04 MySQL
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server