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

(0)

相关推荐

  • 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

随机推荐