echart markline画阈值线

一、目的：解决echart图表阈值标记线（说白了就是一条线）。

二、直接上图。

如图，2.75这个线。

三、代码。

this.series = [{
    name: 'XXX',
    type: 'line',
    symbolSize: 8,
    symbol: "none",
    hoverAnimation: false,
    data: speedList
},
{
    name: 'XXX',
    type: 'line',
    xAxisIndex: 1,
    yAxisIndex: 1,
    symbolSize: 8,
    symbol: "none",
    hoverAnimation: false,
    data: smoothList,
    markLine: {
        symbol: ['circle', 'none'],
        silent: true,
        itemStyle: {
            normal: {
                show: true,
                color: '#2F4554'
            }
        },
        label:{
            normal:{
                position:'middle'
            }
        },
        data: [{
            yAxis: 2.75
        }]
    }
}];

四、说明。

1、前提要确保图表能展示出来。

2、markLine是放在series里面的。

3、symbol是标记线的样式，默认是箭头；['circle', 'none']里面的‘circle’表示左边是‘圆点’，‘none‘表示右边没有样式；值还可以是‘rect’等。

4、itemStyle，label和echart的常规配置无异；position可以有‘middl’、‘start’、'end‘。

5、data是标记线的数值配置，可以有多个。