JavaScript Chart 插件整理
名称 |
是否免费 |
是否支持输出多类型 |
界面华丽 |
功能性 |
建设框架 |
EJSchart | 不 | 是 | 是 | 上 | 无 |
JSchart | 个人免费 | 是 | 是 | 上 | 无 |
jqPlot | 是 | 是 | 是 | 中上 | Jquery |
Flot | 是 | 否 | 是 | 下 | Jquery |
JGcharts | 是 | 是 | 一般 | 中 | Jquery GOOGLE chart API |
plotkit | 是 | 是 | 一般 | 中 | Mochikit |
flotr | 是 | 饼图不支持 | 是 | 中 | Prototype |
YUI2 chart | 是 | 是 | 是 | 上 | YUI2 |
Ext chart | 3.0前 | 是 | 是 | 上 | ext,yui |
protochart | 是 | 是 | 是 | 中 | Prototype |
fgCharting | 是 | 是 | 是 | 下 | Jquery |
EJSChart
http://www.ejschart.com/
JS Chart
http://www.jscharts.com/examples
JqPlot
http://www.jqplot.com/tests/
Flot
http://code.google.com/p/flot/
JGCharts
http://www.maxb.net/scripts/jgcharts/include/demo/
plotkit
http://solutoire.com/flotr/docs/
flotr
http://solutoire.com/flotr/docs/
YUI Chart
http://developer.yahoo.com/yui/charts/
EXT
http://www.extjs.com/products/js/
protochart
http://www.deensoft.com/lab/protochart/
fgCharting
http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/
个人比较推荐YUI和jqFlot
相关推荐
-
JavaScript Chart 插件整理
名称 是否免费 是否支持输出多类型 界面华丽 功能性 建设框架 EJSchart 不 是 是 上 无 JSchart 个人免费 是 是 上 无 jqPlot 是 是 是 中上 Jquery Flot 是 否 是 下 Jquery JGcharts 是 是 一般 中 Jquery GOOGLE chart API plotkit 是 是 一般 中 Mochikit flotr 是 饼图不支持 是 中 Prototype YUI2 chart 是 是 是 上 YUI2 Ext chart 3.0前
-
JavaScript图表插件highcharts详解
目录 一.Highcharts svg特点: 二.1 分钟上手 Highcharts 1.调用远程数据 2.使用JQuery结合HIghcharts实现从后台获取JSON实时刷新图表 3.活动图(Live Charts) 三.Highcharts 基本组成 四.配置选项 1.参数配置(属性+事件) 2.Chart:图表区选项 3.Color:颜色选项 4.Title:标题选项,Subtitle:副标题选项 5.xAxis:X轴选项,yAxis:Y轴选项 6.Series:数据列选项 7.plot
-
JavaScript ESLint插件保姆级使用教程
目录 一文带你了解 ESLint 安装 配置 React 插件 Airbnb 的配置 一文带你了解 ESLint 在平时开发中,我们总是希望尽可能写出最佳代码,但有时总会出错,然后需要花数小时定位 bug,最后发现只是拼写错误,这很令人沮丧.好在一些工具可以帮助我们在输入过程中检查代码的正确性.这些工具无法表明代码能否实现预期效果,但可以帮助我们避免语法错误. 如果之前使用过 C#这种静态语言,那么你应该很熟悉 IDE 给出的这种警告信息. Douglas Crockford 开发的 JSLin
-
JavaScript学习笔记整理_setTimeout的应用
setTimeou的t应用 var ids = []; function foo1(i) { this.i = i; console.log('i = '+i); ids[0] = setTimeout((function () { foo1(i); }),1000); } function foo2(j) { this.j = j; console.log('j = '+j); ids[1] = setTimeout((function () { foo2(j); }),1000); } fo
-
JavaScript学习笔记整理_关于表达式和语句
表达式和语句 eval( ) 只有一个参数 参数非字符串时,直接返回这个参数: 参数为字符串时,它把字符串当成JavaScript代码进行编译,编译失败则抛出语法错误,编译成功则执行代码,并返回最后一条语句的值,若没有值则返回undefined eval()使用了调用它的变量的作用域环境 它接收的字符串参数,在作为单独的代码时,必须是有语义的,否则编译失败 delete运算符:用来删除对象的自由属性.数组的元素, 删除属性后,属性将不存在,而删除数组元素后,会在数组内留下一个值为undefine
-
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
如下所示: //实现枚举类型,扑克牌应用 function creatEnum(p){ //构造函数 var Enumeration = function(){throw 'can not Instantiate Enumerations';}; //重写原型并将原型赋值给变量proto var proto = Enumeration.prototype = { constructor:Enumeration, toString:function(){return this.name;}, va
-
javascript时间差插件分享
javascript时间差插件分享,供大家参考,具体内容如下 Html如下: <html> <head> <title></title> <script src="js/TimeDifference.js" type="text/javascript"></script> <script src="js/jquery-1.10.2-min.js" type="
-
JavaScript学习笔记整理_用于模式匹配的String方法
用于模式匹配的String方法: String支持4种使用正则表达式的方法: seach()用于检索,参数是一个正则表达式,返回第一个与之匹配的子串的位置,找不到则返回-1,如果参数不是正则表达式,则首先会通过RexExp构造函数将它转换成正则表达式,seach()方法不支持全局搜索,它忽略修饰符g: replace()用于检索与替换操作,第一个参数是一个正则表达式,第二个参数是要进行替换的字符串.它对调用该方法的字符串检索,按照模式匹配子串替换成第二个参数,若包含修饰符g则全文匹配.若第一个参
-
Javascript动画插件lottie-web的使用方法
lottie可以将一个json数据渲染成一个动画,而且支持多平台,在不同的平台下使用同一个json文件即可实现相同的效果,非常的方便.这里介绍前端的使用方法.https://github.com/airbnb/lottie-web 1.配合vue-cli使用 1.npm安装lottie-web npm install lottie-web 2.创建loading.vue2.1引入lottie插件和需要的json数据2.2接收父组件传入的配置参数2.3在页面渲染完毕后进行初始化 <template
-
vue3中超好用的插件整理
目录 1.Api 自动导入 2.setup name 增强 vite-plugin-vue-setup-extend 3.自动导入图片 4.组件自动按需导入 总结 1.Api 自动导入 unplugin-auto-import自动引入 composition api,不需要再手动引入.(npm 地址) 下载 npm i -D unplugin-auto-import 配置 vite.config.ts import AutoImport from "unplugin-auto-import/vi
随机推荐
- 使用vbs获得外网ip并发送到邮箱里
- Powershell使用C#实现缩写路径
- Python读取网页内容的方法
- JavaScript队列的应用实例详解【经典数据结构】
- php警告Creating default object from empty value 问题的解决方法
- 让IE6支持min-width和max-width的方法
- asp.net url重写的好处与方法
- 通用JS事件写法实现代码
- Centos中VNC远程桌面程序的安装与使用教程
- 等我有钱了完整版
- 微信小程序 chooseImage选择图片或者拍照
- 使用jQuery Ajax 请求webservice来实现更简练的Ajax
- 深入浅析Bootstrap列表组组件
- jQuery 连续列表实现代码
- Javascript Objects详解
- Javascript this 函数深入详解
- 微信小程序 Nginx环境配置详细介绍
- w3wp.exe进程占用内存过高解决方法
- Spring Boot 实例代码之通过接口安全退出
- js常用数组操作方法简明总结