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 类
Nov 07 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
Mar 14 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
jquery siblings获取同辈元素用法实例分析
Jul 25 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
VUE+node(express)实现前后端分离
Oct 13 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 var_dump()函数的详解
2013/06/05 PHP
解析PHP的session过期设置
2013/06/29 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
JavaScript使用cookie
2007/02/02 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
Seajs的学习笔记
2014/03/04 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
2017/10/28 jQuery
Vue组件创建和传值的方法
2018/08/17 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
解决python升级引起的pip执行错误的问题
2018/06/12 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
python中的测试框架
2020/11/13 Python
Python使用Opencv实现边缘检测以及轮廓检测的实现
2020/12/31 Python
2020年10款优秀的Python第三方库,看看有你中意的吗?
2021/01/12 Python
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
《泉水》教学反思
2014/04/11 职场文书
关于环保的活动方案
2014/08/25 职场文书
2015年光棍节活动总结
2015/03/24 职场文书
2015年药品销售工作总结范文
2015/05/25 职场文书
2016中秋节问候语
2015/11/11 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书