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传递变量: 值传递?引用传递?
Feb 22 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
bootstrap使用validate实现简单校验功能
Dec 02 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
如何实现js拖拽效果及原理解析
May 08 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
安装Python的教程-Windows
2017/07/22 Python
python版本单链表实现代码
2018/09/28 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
一文带你了解Python 四种常见基础爬虫方法介绍
2020/12/04 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
师范学院毕业生求职信
2014/06/24 职场文书
白银帝国观后感
2015/06/17 职场文书
SQL Server内存机制浅探
2022/04/06 SQL Server
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技