jQuery Chart图表制作组件Highcharts用法详解


Posted in Javascript onJune 01, 2016

本文实例讲述了jQuery Chart图表制作组件Highcharts用法。分享给大家供大家参考,具体如下:

Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

① 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
② 对个人用户完全免费;
③ 纯JS,无BS;
④ 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
⑤ 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
⑥ 提示功能:鼠标移动到图表的某一点上有提示信息;
⑦ 放大功能:选中图表部分放大,近距离观察图表;
⑧ 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
⑨ 时间轴:可以精确到毫秒

下载插件

Highcharts下载地址

JavaScript压缩/格式化/加密工具:
http://tools.3water.com/code/jscompress

XML代码在线格式化美化工具:
http://tools.3water.com/code/xmlcodeformat

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.3water.com/code/jsoncodeformat

在线JSON代码检验、检验、美化、格式化工具:
http://tools.3water.com/code/json

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS onmousemove鼠标移动坐标接龙DIV效果实例
Dec 16 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
微信内置浏览器图片查看器的代码实例
Oct 08 Javascript
JS实现简单打字测试
Jun 24 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 #Javascript
深入理解ECMAScript的几个关键语句
Jun 01 #Javascript
星期几的不同脚本写法(推荐)
Jun 01 #Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 #Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 #Javascript
底部悬浮通栏可以关闭广告位的实现方法
Jun 01 #Javascript
深入理解node exports和module.exports区别
Jun 01 #Javascript
You might like
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
Apache设置虚拟WEB
2006/10/09 PHP
mysql_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
2007/01/15 PHP
php url地址栏传中文乱码解决方法集合
2010/06/25 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
jQuery技巧大放送 学习jquery的朋友可以看下
2009/10/14 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
JavaScript验证图片类型(扩展名)的函数分享
2014/05/05 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
Angular路由简单学习
2016/12/26 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
vue v-model的用法解析
2020/10/19 Javascript
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[原创]pip和pygal的安装实例教程
2017/12/07 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Python try except finally资源回收的实现
2021/01/25 Python
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
婚礼证婚人证婚词
2014/01/13 职场文书
家长会标语
2014/06/24 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
学校施工安全责任书
2015/01/29 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python