一、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 );
图形示例: