highcharts图表组件动态修改属性的方法（API）总结之Axis

一、Axis（横坐标）

1、addPlotBand（添加阴影部分）

参数：

from：从第几个数据点开始（从0开始折算起），可以是小数；

to：从第几个数据点截止，可以是小数；

id：阴影部分的唯一编号；

color：阴影部分的颜色 如：#ffffff 或者 red

代码示例：

chart.xAxis[0].addPlotBand({
                from: 0.8,
                to: 7.5,
                color: '#FCFFC5',
                id: 'XX公司'
});

图片示例：

2、addPlotLine （添加阴影线条）

参数：

value：位于第几个数据点，允许是小数，从0开始计算。如：我们想设定在图中的第5个数据点上，那么这里只需要设置(5-1)=4 即可；

width：阴影线条的宽度值

id：阴影线条的唯一编号

color：颜色值

代码示例：

chart.xAxis[0].addPlotLine({
                value: 3.5,
                color: 'green',
                width: 2,
                id: 'plot-line-1'
});

图片示例：

3、getExtremes（获取图表临界值）

参数：无

作用：获取图表纵坐标的最大（max)、最小（min）值，和曲线数据（series）内的最大（dataMax）、最小（dataMin）值。

代码示例：

//获取图表的临界数据
var extremes = chart.yAxis[0].getExtremes();
//纵坐标最大最小值
var max = extremes.max;
var min = extremes.min;

//series内数据的最大最小值
var dataMax = extremes.dataMax;
var dataMin = extremes.dataMin;

4、removePlotBand （删除阴影部分）

参数：

id：阴影部分的唯一编号，如：plotband-1

代码示例：

chart.xAxis[0].removePlotBand('plotband-1'); 

5、removePlotLine （删除阴影线条）

参数：

id：阴影线条的唯一编号，如：plotline-1

代码示例：

chart.xAxis[0].removePlotLine('plotline-1'); 

6、setCategories（设置横坐标数据）

参数：

categories：新的横坐标数据，具体形式见代码示例

redraw：是否重设置（true/false），默认为true

代码示例：

chart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],true);

7、setExtremes（设置X、Y轴临界值）

参数：

min：最小值

max：最大值

redraw：是否设置（true/false），默认为true；

animation：设置过程中是否显示动画效果，默认为true；

代码示例：

//设置x轴的临界值
chart.xAxis[0].setExtremes(0, 5,true,true);

//设置y轴的临界值
chart.yAxis[0].setExtremes(0, 300,true,true);

8、setTitle（设置图表坐标标题）

参数：

title：新标题名称

redraw：是否设置（true/false)，默认为true

代码示例：

chart.yAxis[0].setTitle({
            text: '新纵坐标标题'
        },true
);

chart.xAxis[0].setTitle(
            {
           text:'新横坐标标题'
            },
            true
);

图形示例：