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 相关文章推荐
33种Javascript 表格排序控件收集
Dec 03 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 Javascript
angularjs基础教程
Dec 25 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
浅谈React Native Flexbox布局(小结)
Jan 08 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
react antd表格中渲染一张或多张图片的实例
Oct 28 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
人族 TERRAN 概述
2020/03/14 星际争霸
php中实现简单的ACL 完结篇
2011/09/07 PHP
深入分析PHP引用(&)
2014/09/04 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
JS取数字小数点后两位或n位的简单方法
2016/10/24 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
python获取当前计算机cpu数量的方法
2015/04/18 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
python 实现A*算法的示例代码
2018/08/13 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
python每天定时运行某程序代码
2019/08/16 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
python实现删除列表中某个元素的3种方法
2020/01/15 Python
python中count函数简单的实例讲解
2020/02/06 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
我看到了用指针调用函数的不同语法形式
2014/07/16 面试题
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
小学教师先进事迹材料
2014/12/15 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
教你使用Ubuntu搭建DNS服务器
2022/09/23 Servers