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 相关文章推荐
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
JavaScript惰性求值的一种实现方法示例
Jan 11 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 Javascript
一百多行代码实现react拖拽hooks
Mar 23 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
smarty模板数学运算示例
2016/12/11 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
JavaScript 面向对象之命名空间
2010/05/04 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
python 异或加密字符串的实例
2018/10/14 Python
Python 隐藏输入密码时屏幕回显的实例
2019/02/19 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
酒店副总岗位职责
2013/12/24 职场文书
同居协议书范本
2014/04/23 职场文书
任命书范本大全
2014/06/06 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
交通安全温馨提示语
2015/07/14 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL