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 更新 JavaScript 数组的 uniq 方法
Jan 23 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
jquery改变disabled的boolean状态的三种方法
Dec 13 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
Mar 18 Javascript
JS判断当前页面是否在微信浏览器打开的方法
Dec 08 Javascript
实例讲解javascript注册事件处理函数
Jan 09 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
Dec 23 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
JS实现点击Radio动态更新table数据
Jul 18 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 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 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
2018/04/17 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
[00:50]2014DOTA2国际邀请赛 NEWBEE战队回顾
2014/08/01 DOTA
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python字典快速保存于读取的方法
2018/03/23 Python
Python3中列表list合并的四种方法
2019/04/19 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
室内设计专业自荐信
2014/05/31 职场文书
2014年计生标语
2014/06/23 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
高三英语教学计划
2015/01/23 职场文书
法律进社区活动总结
2015/05/07 职场文书
酒店宣传语大全
2015/07/13 职场文书