echats设置辅助线

标记线为legend

option = {
  xAxis: {
    type: 'category',
    data: ['11\n2021', '12', '01', '02', '03\n2022', '04', '05'],
    axisLabel:{
        formatter:function(val, index) {
          let len=val.length
          if(len>2){
            let year=val.slice(3,len)
            let month=val.slice(0,2)
            return `${month}\n{y|${year}}`
           
          }
            return val
         },
         rich:{
           y:{
             fontSize:'20px'
           }
         }
    }
  },
  legend:{
    data:['2021','2022'],
    bottom:0
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      smooth: true,
     
    },
    {
      name:'2021',
      type:'line',
      markLine: {
          // yAxisIndex: 0,
          symbol:'none',//去掉箭头
          data:[
              {xAxis:1,lineStyle:{color:'green',type:'dotted'},label:{color:'black',formatter:'2021'}},
            ]
      }
    },
    {
      name:'2022',
      type:'line',
      markLine: {
          // yAxisIndex: 0,
          symbol:'none',//去掉箭头
          data:[
              {xAxis:2,lineStyle:{color:'orange',type:'dotted'},label:{color:'black',formatter:'2022'}},
            ]
      }
    },
  ]
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7ZrINKKm-1638770285395)(C:\Users\Pert\AppData\Roaming\Typora\typora-user-images\image-20211206135605666.png)]

标记线不为legend

option = {
  xAxis: {
    type: 'category',
    data: ['11\n2021', '12', '01', '02', '03\n2022', '04', '05'],
    axisLabel:{
        formatter:function(val, index) {
          let len=val.length
          if(len>2){
            let year=val.slice(3,len)
            let month=val.slice(0,2)
            return `${month}\n{y|${year}}`
           
          }
            return val
         },
         rich:{
           y:{
             fontSize:'20px'
           }
         }
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      smooth: true,
      markLine: {
          // yAxisIndex: 0,
          symbol:'none',//去掉箭头
          data:[
              {xAxis:1,lineStyle:{color:'red',type:'dotted'},label:{color:'orange',formatter:'2021'}},
              {xAxis:2,lineStyle:{color:'red',type:'dotted'},label:{color:'orange',formatter:'2022'}},
            ]
      }
    },
  ]
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mgGYbBea-1638770285396)(C:\Users\Pert\AppData\Roaming\Typora\typora-user-images\image-20211206135742151.png)]