echarts平滑折线图添加横向水平线

 效果图如下:

写博客不是为了博眼球 是为了记笔记.

          Smoothlinechart(vul_trend){
        let myChart = echarts.init(document.getElementById("Linechart"));
        let option = {
            tooltip: {
                trigger: 'axis'
            },
            color:['#2dbb8a'],
            grid: {
                left: 0,
                right: 0,
                bottom: 10,
                top:10,
                containLabel: true
            },
            xAxis: {
                type: 'category',
                boundaryGap: false, //折线图前后的间隙
                axisTick: {// false 为去掉坐标轴刻线
                    show: true
                },
                axisLine:{
                  show:true,
                    lineStyle:{
                        color:'#dcdfe6'
                    },
                },
                axisLabel:{
                  color:'#4e5b5f'                           //控制横坐标的颜色
                },
                splitLine:{show: true}, //false 为去除网格线
               data: ['01','02','03','04','05','06','07','08','09','10','11','12']
                // data: vul_trend.xdata
            },
            yAxis: {
                type: 'value',
                axisTick: {// false 为去掉坐标轴刻线
                    show: true
                },
                axisLine:{
                  show:true,
                    lineStyle:{
                        color:'#dcdfe6'
                    },
                },
                axisLabel:{
                  color:'#4e5b5f'                           //控制横坐标的颜色
                },
                splitLine:{show: true}, //false 为去除网格线
            },
            series: [
                {
                    name: '漏洞发现总数',
                    type:'line',
                    smooth:true,
                    areaStyle: {},
                    stack: '总量',
 //                     data: vul_trend.ydata,
                 data:[3,5,8,10,1,6,8,9,4,5,8,6],
                 markLine: {
                        silent: true,
                        lineStyle: {
                          normal: {
                            color: '#333'                  // 这儿设置安全基线颜色
                          }
                        },
                        data: [{
                            yAxis: 5     //这儿定义基准线的数值为多少
                        }],
                        label: {
                          normal: {
                            formatter: '安全\n基线'           // 这儿设置安全基线
                          }
                        }

                    },
                }
            ]
        };
      myChart.setOption(option);
      },