// 5 這里設(shè)置異步是因?yàn)?demo 的代碼是部分代碼，執(zhí)行的時(shí)候可能myChart 還沒渲染完成，真實(shí)處理的時(shí)候若 chart 已經(jīng)渲染完成的話無需異步處理
setTimeout(()=>{
  var _componentsViews = myChart._componentsViews;
  var  view = _componentsViews.find(item => item.type === 'grid') || {};
  debugger
  var  rect = view.__model.coordinateSystem._rect;
  var  rectObj = {
    x: rect.x,
    x1: rect.x + rect.width,
    y: rect.y,
    y1: rect.y + rect.height
  };
  // 設(shè)置監(jiān)聽
  myChart._zr.on('mouseup', (e) => {
    var { offsetX, offsetY } = e;
    // // 點(diǎn)擊圖表之外時(shí)markline消失
    if (offsetX < rectObj.x || offsetX > rectObj.x1 || offsetY < rectObj.y || offsetY > rectObj.y1) {
      chart.setOption({
        series: [{
          markLine: {
            data: [],
            label: {
              show: false
            }
          }
        }]
      });
    }
  });
}, 1000)
...
option = {
    tooltip: {
        // 1
        trigger: "axis",
        // 4
        formatter(arg) {
          // 這里需要異步處理以下，否則無法設(shè)置成功
          setTimeout(function() {
            myChart.setOption({
                series: [{
                  markLine: {
                    data: [{
                      yAxis: arg[0].value[1],
                      label: {
                        show: true
                      }
                    }]
                  }
                }]
            })
          }, 0);
        }
        ...
    },
    xAxis: {
        // 2
        axisPointer: {
          snap: true,
          label: {
            show: true,
            backgroundColor: "#0000ff",
            color: '#fff',
            ...
          },
          lineStyle: {
            color: '#0000ff'
          },
          ...
        },
     },
     yAxis: {
         ...
     },
     series: [
        {
          name: '模擬數(shù)據(jù)2',
          type: 'line',
          ...
          // 3
          markLine: {
            symbol: 'none',
            silent: true,
            data: [
              {
                yAxis: 0,
                label: {
                  show:false
                }
              }
            ],
            label: {
              show: true,
              position: 'start',
              backgroundColor: '#0000ff',
              color: '#ffffff',
              padding: 2
            },
            lineStyle: {
              color: '#0000ff'
            },
            animation: false
          },
        }
    ]
}