Highcharts(二)基本属性

title: Highcharts(二)之基本属性
date: 2016-07-23 17:13:08
tags:

一.基本组成:

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

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

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

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

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

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

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

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

二.参数属性:

1,调用highcharts:

方法一:

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

方法二:

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

2.设置表格宽高:
等同于设置div的宽高:

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

3.图表样式:
常见的有:border、backgroundColor、margin、spacing、style

    原文作者:lwenxu
    原文地址: https://www.jianshu.com/p/f9882dfdc515
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞