JavaScript Chart 插件整理_javascript技巧


名称
是否免费
是否支持输出多类型
界面华丽
功能性
建设框架
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

时间： 2024-08-08 08:12:15

JavaScript Chart 插件整理_javascript技巧的相关文章

js 通用javascript函数库整理_javascript技巧

复制代码 代码如下: /* * 包含jquery-1.3.2.min.js */ document.write("<script language='javascript' src='js/jquery-1.3.2.min.js'></script>"); /* * 公共参数 */ var hostUrl='http://'+window.location.host; //获取网站主机头 /* * 水平居中left值 */ function HorCenter(

JavaScript小技巧整理_javascript技巧

本文整理总结了JavaScript的小技巧.分享给大家供大家参考,具体如下: 1.组织默认事件 阻止默认事件,h5默认的input type='date'在某些浏览器和android设备上没有效果,这时要调用h5+的时间选择器,但是要组织input默认的click事件,代码如下: //选择时间 $("#end_time").on("click",function(event){ event.preventDefault(); plus.nativeUI.pickDa

高效率JavaScript编写技巧整理_javascript技巧

最近在编写一个JavaScript框架,发现有很多细节注意得不够,担心长时间积累会导致框架实际应用的时候出现严重的效率问题.于是开始关注JavaScript提高效率的一些技巧,在这里分享给大家. 1.JavaScript是唯一一个对代码体积要求越小越好的语言,因此我们可以通过一些工具来精简和压缩JavaScript代码,如JSMin.Packer.YUICompressor等.这些工具会将局部变量的名字替换成很短的变量名,例如将parseFloat()替换成a().因此我们在编写JavaScri

javascript 异常处理使用总结_javascript技巧

JavaScript中的异常可以用try..catch..finally语句来处理,也可以手动的来抛出异常. 1.使用try..catch..finally语句来处理异常 js代码在执行过程中如果出现异常,会手动创建一个异常类对象,该异常类对象将被提交给浏览器,这个过程称为"抛出异常".当浏览器接收到一场对象时,会寻找能处理这一异常的代码并把当前异常对象提交给其处理,这一过程被称为"捕获异常".try..catch..finally语句的基本语法格式为: 复制代码

web性能优化之javascript性能调优_javascript技巧

JavaScript 是一个比较完善的前端开发语言,在现今的 web 开发中应用非常广泛,尤其是对 Web 2.0 的应用.随着 Web 2.0 越来越流行的今天,我们会发现:在我们的 web 应用项目中,会有大量的 JavaScript 代码,并且以后会越来越多.JavaScript 作为一个解释执行的语言,以及它的单线程机制,决定了性能问题是 JavaScript 的软肋,也是 web 软件工程师们在写 JavaScript 需要高度重视的一个问题,尤其是针对 Web 2.0 的应用.绝大多

纯javascript实现自动发送邮件_javascript技巧

描述: 此JavaScript将帮助你的电子邮件的人.只要按一下电子邮件,有人!和JavaScript会要求的电子邮件地址,主题,等等然后你,新的邮件,是向你打开了. <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function mailsome1(){ who=prompt("Enter recipient's email address: ","antispammer@earthling.net

javascript常用的方法整理_javascript技巧

整理了一些JS的常用方法,包括验证啊,全选反选啊,ajax请求啊之类的,因为就是自己用的,写的都比较简单,就算抛砖引玉吧,喜欢的就拿去,不喜欢就拉到 Tools.min.js /** * JS公用类库文件 * 创建时间:2015-05-13 * 创建人:mction */ (function(){ var D = document; var W = window; var Postfix = '.php' var _Id = function(Id){return document.getEle

Boostrap基础教程之JavaScript插件篇_javascript技巧

Boostrap提供了12种JavaScript插件,包括: 动画过渡 Transition 模态 Modal 下拉菜单 Dropdown 滚动侦测 Scrollspy 选项卡 Tab 提示框 Tooltip 弹出框 Popover 警告框 Alert 按钮 Button 折叠 Collapse 旋转轮播 Carousel 自动定位浮标 Affix 模态弹窗 <div class="modal show"> <div class="modal-dialog&

javascript常用函数归纳整理_javascript技巧

本文整理归纳了一些js常用函数,其中包括对数据操作,字符替换操作,日期及加解密操作函数,还有一些简单的验证函数.便于大家查阅参考.相信对大家会有所帮助. 1.typeof.constructor.instanceof对数组的判断 复制代码 代码如下: var arr = [1,5,6,9,8,5,4]; //var arr = new Array(1,5,6,9,8,5,4); console.log(typeof arr);//object console.log(arr.constructo