echarts折線圖中，點擊拐點數據事件

在折線圖表的展示數據中，出現不同數據的點擊事件會根據點擊的數據生成新的表單（根據事件和當前點擊拐點數據請求后端接口渲染新表單）

直接查了echarts的各項配置，發現內置配置是沒有這項支持的。這里提供一個更簡單的方案：

直接綁定監聽圖表事件，這樣就可以直接獲得到當前點擊的值：

這種監聽除了點擊拐點外 如果有makline 虛線值 點擊虛線值事件也會被監聽：

chartInit() {
      // var myChart = echarts.init(this.$refs.echart1);
      var myChart = echarts.init(document.getElementById(this.id));
      myChart.setOption({
        xAxis: {
          type: "category",
          boundaryGap: false,
          data: [
            "2022-03-01",
            "2022-03-15",
            "2022-03-31",
            "2022-04-01",
            "2022-04-15",
          ],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: [222, 932, 301, 934, 1290, 1330, 1320],
            type: "line",
            areaStyle: {
              opacity: 0.8,
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {
                  offset: 0,
                  color: "#1980e7",
                },
                {
                  offset: 1,
                  color: "#fff",
                },
              ]),
            },
            //  markPoint: {
            //   data: [
            //     { type: 'max', name: 'Max' },
            //     { type: 'min', name: 'Min' }
            //   ]
            // },
            markLine: {
              data: [
                {
                  type: "average",// 平均值 如果yaxis設置會替代
                  yAxis: 1233,// 設置的真實閾值
                  lineStyle: {
                    //警戒線的樣式  ，虛實  顏色
                    color: "#FA3934",
                    title:'eee'
                  },
                  silent: true, //鼠標懸停事件  true沒有，false有
                },
              ],
              symbol: "none", //去掉警戒線最后面的箭頭
              label: {
                position: "end", //將警示值放在哪個位置，三個值“start”,"middle","end"  開始  中點 結束
              },
            },
          },
        ],
      });
      myChart.on('click', function (param) {
            console.log(param, param.data);//這里根據param填寫你的跳轉邏輯
           
        });
    },

就是這么簡單