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操纵Cookie实现购物车程序
Feb 15 Javascript
javascript算法学习(直接插入排序)
Apr 12 Javascript
Jquery通过Ajax访问XML数据的小例子
Nov 18 Javascript
js实现弹窗插件功能实例代码分享
Dec 12 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
日常收藏的jquery技巧
Dec 02 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
JS在if中的强制类型转换方式
Jul 15 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
javascript中call,apply,bind的区别详解
Dec 11 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执行速度全攻略(下)
2006/10/09 PHP
关于在php.ini中添加extension=php_mysqli.dll指令的说明
2007/06/14 PHP
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
php实现爬取和分析知乎用户数据
2016/01/26 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
javascript 命名空间以提高代码重用性
2008/11/13 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
初识Javascript小结
2015/07/16 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
探索Vue.js component内容实现
2016/11/03 Javascript
树结构之JavaScript
2017/01/24 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
Python批处理更改文件名os.rename的方法
2018/10/26 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
abstract class和interface有什么区别?
2012/01/03 面试题
EJB发布WEB服务一般步骤
2012/10/31 面试题
《画杨桃》教学反思
2014/04/13 职场文书
化工实习心得体会
2014/09/09 职场文书
捐助感谢信
2015/01/22 职场文书
原来闭幕词是这样写的呀!
2019/07/01 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
关于JavaScript轮播图的实现
2021/11/20 Javascript
MySQL普通表如何转换成分区表
2022/05/30 MySQL