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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
jQuery 重复加载错误以及修复方法
Dec 16 Javascript
VUE实现日历组件功能
Mar 13 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 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
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
php笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
详解PHP的Yii框架中的Controller控制器
2016/03/29 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
jQuery对html元素取值与赋值的方法
2013/11/20 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
Python完全新手教程
2007/02/08 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python编写Windows Service服务程序
2018/01/04 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
Django多数据库联用实现方法解析
2020/11/12 Python
技术总监岗位职责
2013/12/05 职场文书
自我评价范文
2013/12/22 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书