标示带
标示带作用,事件都很类似标示线
// 配置
xAxis: {
// ... 省略代码
plotBands: [{
from: , // 标示带开始值
to: , // 标示带结束值
label: { // 标示带文字标签配置,详见API
},
color: '', // 标示带背景颜色
borderWidth: , // 标示带边框宽度
borderColor: , // 标示带边框颜色
id: , // 标示带 id,用于删除等操作
zIndex:, // 标示带层叠,用于调整显示层次
events: { // 事件,支持 click、mouseover、mouseout、mousemove等事件
click: function(e) {
},
mouseover: function(e) {
},
mouseout: function(e) {
},
mousemove: function(e) {
}
}
}]
},
动态添加标示带
var chart = new Highcharts.Chart();
chart.xAxis[0].addPlotBand({});
动态删除标示带
var chart = new Highcharts.Chart();
chart.xAxis[0].removePlotBand('myXAxisPlotBand');