给echarts图表添加警戒线

给echarts图表添加警戒线

主要代码：（设置预警线值，样式，文本）

 markLine : {
             symbol:"none",
            
           /*symbol:"none",               //去掉警戒线最后面的箭头
           label:{
               position:"end"   ,       //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
            
            
           },*/
           data : [{
                
               silent:false,             //鼠标悬停事件  true没有，false有
               lineStyle:{               //警戒线的样式  ，虚实  颜色
                   type:"solid",
                   color:"red",
                   width:3,
               },
                   label:{
                   position:'end', //end对应的值显示在警戒线的后面，start显示在前面（y轴上）
                   formatter:"及格(150)"  //和y轴对应的数值
               },
               yAxis:200         // 警戒线的标注值，可以有多个yAxis,多条警示线   或者采用   {type : 'average', name: '平均值'}，type值有  max  min  average，分为最大，最小，平均值
              
           },
           ]
         },　　

全部代码：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        markLine : {
             symbol:"none",
            
           /*symbol:"none",               //去掉警戒线最后面的箭头
           label:{
               position:"end"   ,       //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
            
            
           },*/
           data : [{
                
               silent:false,             //鼠标悬停事件  true没有，false有
               lineStyle:{               //警戒线的样式  ，虚实  颜色
                   type:"solid",
                   color:"red",
                   width:3,
               },
                   label:{
                   position:'end',
                //   formatter:"及格(150)"
               },
               yAxis:200         // 警戒线的标注值，可以有多个yAxis,多条警示线   或者采用   {type : 'average', name: '平均值'}，type值有  max  min  average，分为最大，最小，平均值
              
           },
           ]
         },　　
            
        type: 'bar',
        showBackground: true,
        backgroundStyle: {
            color: 'rgba(220, 220, 220, 0.8)'
        }
    }]
};