Highcharts入门之基本属性


Posted in Javascript onAugust 02, 2016

一.基本组成:

    1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须

    2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)

    3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分

    4.数据提示框(Tooltip):鼠标放上去的提示框

    5.图例(Legend):通过点击标示可以显示或隐藏该数据列

    6.<!--more-->

    7.版权信息(Credits):一般是highcharts的官网,指定credits.enabled=false不让显示

    8.导出功能按钮(Exporting):需要包含exporting.js

    9.标示线(PlotLines):主动添加如平均线等

二.参数属性:

1、调用highcharts:

方法一:

$(function () {
    $(".chart").highcharts({});
});

方法二:

var charts = new Highcharts.Chart({
  // Highcharts 配置
  chart : {
    renderTo : "container" // 注意这里一定是 ID 选择器
  }
});

2、设置表格宽高:

等同于设置div的宽高:

style="width: 800px ;height: 400px"

3、图表样式:

常见的有:borderbackgroundColormarginspacingstyle

总结

以上就是Highcharts入门之基本属性的全部内容,希望对大家学习Highcharts有所帮助,小编还会陆续更新Highcharts的相关文章,请继续关注三水点靠木。

Javascript 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
基于Swiper实现移动端页面图片轮播效果
Dec 28 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
详解vue项目中使用token的身份验证的简单实践
Mar 08 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
js实现星星海特效的示例
Sep 28 Javascript
js检查是否关闭浏览器的方法
Aug 02 #Javascript
Highcharts入门之简介
Aug 02 #Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 #Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 #Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 #Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 #Javascript
AngularJS基础 ng-options 指令详解
Aug 02 #Javascript
You might like
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
2013/08/14 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
2018/01/17 Javascript
JS获取指定月份的天数两种实现方法
2018/06/22 Javascript
如何实现一个webpack模块解析器
2018/10/24 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
python实现人人网登录示例分享
2014/01/19 Python
Python获取远程文件大小的函数代码分享
2014/05/13 Python
深入理解Javascript中的this关键字
2015/03/27 Python
Python中字符串的修改及传参详解
2016/11/30 Python
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
食堂个人先进事迹
2014/01/22 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
年级组长自我鉴定
2014/02/22 职场文书
出国留学担保书
2014/05/20 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
公证书格式
2015/01/23 职场文书
应聘教师求职信范文
2015/03/20 职场文书
迎新生晚会主持词
2015/06/30 职场文书
初三英语教学反思
2016/02/15 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
Python数据分析之绘图和可视化详解
2021/06/02 Python
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL