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实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
微信小程序 ecshop地址三级联动实现实例代码
Feb 28 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
JavaScript之排序函数_动力节点Java学院整理
Jun 30 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 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 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
PHP中串行化用法示例
2016/11/16 PHP
php显示页码分页类的封装
2017/06/08 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
js图片自动轮播代码分享(js图片轮播)
2014/05/06 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
2017/09/26 Javascript
node实现基于token的身份验证
2018/04/09 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python字符串格式化
2015/06/15 Python
基于Python列表解析(列表推导式)
2018/06/23 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
python爬虫 Pyppeteer使用方法解析
2019/09/28 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
使用Pycharm分段执行代码
2020/04/15 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
树莓派升级python的具体步骤
2020/07/05 Python
Python模块常用四种安装方式
2020/10/20 Python
2019年Java 最常见的 面试题
2016/10/19 面试题
受欢迎的大学生自我评价
2013/12/05 职场文书
关于环保的标语
2014/06/13 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
地雷战观后感
2015/06/09 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书