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 相关文章推荐
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
node.js从数据库获取数据
May 08 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
对javascript继承的理解
Oct 11 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
JavaScript如何对图片进行黑白化
Apr 10 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
vue和小程序项目中使用iconfont的方法
May 19 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判断输入不超过mysql的varchar字段的长度范围
2011/06/24 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
json 入门基础教程 推荐
2009/10/31 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
jquery图片切换插件
2015/03/16 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
2017/04/25 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
Python性能提升之延迟初始化
2016/12/04 Python
python flask 多对多表查询功能
2017/06/25 Python
Python实现一个简单的验证码程序
2017/11/03 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
Python chardet库识别编码原理解析
2020/02/18 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
实习生求职自荐信
2014/02/07 职场文书
大学生新学期计划书
2014/04/28 职场文书
幼儿园老师工作总结2015
2015/05/22 职场文书
2015年教务工作总结
2015/05/23 职场文书
护士旷工检讨书
2015/08/15 职场文书