11标示线

标示线

标示线简单案例

xAxis: {
    // ... 省略代码
    plotLines: [{
        color: 'red',
        dashStyle: 'longdashdot',
        value: 2,
        width: 3
    }]
}

常见属性

常见属性详解

1. Labels标签，标示线对应的文字说明
2. dashSyle有各种值，官网上关于这一章有详细示例
3. events,比如,click/mouseover/mouseout/mousemove

动态删除或者添加标示线

添加标示线

var chart = new Highcharts.Chart();
chart.xAxis[0].addPlotLine({
    value:2,
    width:2,
    color: '#fcffc5',
    id:'plot-line-1'
});

删除标示线

// 不存在id,该方法会失效
var chart = new Highcharts.Chart();
chart.xAxis[0].removePlotLine('plot-line-1');