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创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
浅谈Javascript Base64 加密解密
Dec 28 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
Angular中$state.go页面跳转并传递参数的方法
May 09 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
vue+element导航栏高亮显示的解决方式
Nov 12 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抓即时股票信息
2006/10/09 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
PHP微信支付开发实例
2016/06/22 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
让textarea自动调整大小的js代码
2011/04/12 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
jQuery trigger()方法用法介绍
2015/01/13 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
微信小程序反编译的实现
2020/12/10 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python实现自动更换ip的方法
2015/05/05 Python
Python探索之创建二叉树
2017/10/25 Python
windows10下python3.5 pip3安装图文教程
2018/04/02 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
python cumsum函数的具体使用
2019/07/29 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
Pytorch之Variable的用法
2019/12/31 Python
Python unittest框架操作实例解析
2020/04/13 Python
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
跟单文员的岗位职责
2013/11/14 职场文书
婚前保证书范文
2015/02/28 职场文书
党员个人承诺书
2015/04/27 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python