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 相关文章推荐
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
聊聊JS动画库 Velocity.js的使用
Mar 13 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
js实现盒子移动动画效果
Aug 09 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 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
56.com视频采集接口程序(PHP)
2007/09/22 PHP
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
js jquery分别实现动态的文件上传操作按钮的添加和删除
2014/01/13 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
Python深入学习之装饰器
2014/08/31 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
详解supervisor使用教程
2017/11/21 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
python程序运行进程、使用时间、剩余时间显示功能的实现代码
2019/07/11 Python
python元组和字典的内建函数实例详解
2019/10/22 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
孝老爱亲模范事迹
2014/01/24 职场文书
天猫活动策划方案
2014/08/21 职场文书
2014年共青团工作总结
2014/12/10 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
毕业论文致谢信
2015/05/14 职场文书
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL