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实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 Javascript
javascript返回顶部效果(自写代码)
Jan 06 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
May 08 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
Javascript闭包实例详解
Nov 29 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
Vue 拦截器对token过期处理方法
Jan 23 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通过COM类调用组件的实现代码
2012/01/11 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
关于TypeScript中import JSON的正确姿势详解
2017/07/25 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
JavaScript switch语句使用方法简介
2019/12/30 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python二叉树的实现实例
2013/11/21 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
python利用微信公众号实现报警功能
2018/06/10 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
pycharm快捷键汇总
2020/02/14 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
网站推广策划方案
2014/06/04 职场文书
导游词之襄阳古城
2019/09/27 职场文书
python爬虫--selenium模块
2021/03/31 Python
Django Paginator分页器的使用示例
2021/06/23 Python
pandas中关于apply+lambda的应用
2022/02/28 Python