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 instanceof,typeof的区别
Mar 24 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
BootStrap 附加导航组件
Jul 22 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
微信小程序 教程之模板
Oct 18 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
Aug 17 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
JS中使用react-tooltip插件实现鼠标悬浮显示框
May 15 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
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
简单通用的JS滑动门代码
2008/12/19 Javascript
javascript dom 基本操作小结
2010/04/11 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
js给selected添加options的方法
2015/05/06 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
浅析javascript的return语句
2015/12/15 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
[01:02]DOTA2上海特锦赛SHOWOPEN
2016/03/25 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
Python运用于数据分析的简单教程
2015/03/27 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
在Django同1个页面中的多表单处理详解
2017/01/25 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
Django的models中on_delete参数详解
2019/07/16 Python
django框架forms组件用法实例详解
2019/12/10 Python
python中remove函数的踩坑记录
2021/01/04 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
Champion澳大利亚官网:美国冠军运动服装
2018/05/07 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
奥地利婴儿用品和玩具购物网站:baby-markt.at
2020/01/26 全球购物
好人好事事迹材料
2014/02/12 职场文书
在职证明书模板
2015/06/15 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
创业计划书之便利店
2019/09/05 职场文书
Pillow图像处理库安装及使用
2022/04/12 Python