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 !!的作用
Dec 04 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
Jan 15 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
Javascript文本框脚本实现方法解析
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用户管理中常用接口调用实例及解析(含源码)
2017/03/09 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
判断用户是否在线的代码
2011/03/05 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
python中enumerate函数用法实例分析
2015/05/20 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
实例讲解python中的协程
2018/10/08 Python
基于python实现百度翻译功能
2019/05/09 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
一文了解python 3 字符串格式化 F-string 用法
2020/03/04 Python
Django数据库迁移常见使用方法
2020/11/12 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
会计系毕业个人自荐信格式
2013/09/23 职场文书
大学生应聘推荐信范文
2013/11/19 职场文书
高中自我评价范文
2014/01/27 职场文书
中介业务员岗位职责
2014/04/09 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
开除通知书范本
2015/04/25 职场文书
新郎新娘致辞
2015/07/31 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
靠谱准确的求职信
2019/04/02 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery