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 相关文章推荐
DOM 基本方法
Jul 18 Javascript
JavaScript中的cacheStorage使用详解
Jul 29 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
ES6之Proxy的get方法详解
Oct 11 Javascript
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
JavaScript控制台的更多功能
Apr 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
php的字符串用法小结
2010/06/08 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
python爬取代理ip的示例
2020/12/18 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
会计专业自我鉴定
2014/02/10 职场文书
创新比赛获奖感言
2014/02/13 职场文书
计算机科学系职业生涯规划书
2014/03/08 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
食品安全责任书范本
2015/05/09 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
军训决心书范文
2015/09/22 职场文书
拙作再改《我的收音机情缘》
2022/04/05 无线电
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis