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中confirm,alert,prompt函数使用区别分析
Apr 01 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
jQuery实现购物车多物品数量的加减+总价计算
Jun 06 Javascript
checkbox选中与未选中判断示例
Aug 04 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
jQuery 选择器用法基础入门示例
Jan 04 jQuery
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生成静态HTML页面最简单方法示例
2015/04/09 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
JS中常用的消息框总结
2018/02/24 Javascript
JavaScript oncopy事件用法实例解析
2020/05/13 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
[02:04]2014DOTA2国际邀请赛 BBC小组赛第三天总结
2014/07/12 DOTA
Python读写Excel文件的实例
2013/11/01 Python
回调函数的意义以及python实现实例
2017/06/20 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
python绘制规则网络图形实例
2019/12/09 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
Python连接mysql方法及常用参数
2020/09/01 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
如何理解委托
2012/01/06 面试题
汽车销售顾问求职自荐信
2014/01/01 职场文书
校园餐饮创业计划书
2014/01/10 职场文书
个人安全生产承诺书
2014/05/22 职场文书
学生意外伤害赔偿协议书
2014/09/17 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技