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类,兼容IE及Firefox
Jun 23 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
微信小程序实现折线图的示例代码
Jun 07 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
js实现简单五子棋游戏
May 28 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
vue使用element-ui按需引入
May 20 Vue.js
有关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
百度地图API应用之获取用户的具体位置
2014/06/10 PHP
PHP生成图片缩略图类示例
2017/01/12 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
详解php反序列化
2020/06/10 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
javascript 时间比较实现代码
2009/10/28 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
JavaScript实现计算多边形质心的方法示例
2018/01/31 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
美国在线工具商店:Acme Tools
2018/06/26 全球购物
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
开业庆典答谢词
2014/01/18 职场文书
2014年保育员工作总结
2014/12/02 职场文书
介绍信的写法
2015/01/31 职场文书
自主招生专家推荐信
2015/03/26 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
学前班教学反思
2016/02/24 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android