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）：通过点击标示可以显示或隐藏该数据列

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.图表样式：
常见的有：border、backgroundColor、margin、spacing、style