ecahrts 折线图点击事件

多条折线图，点击某一条折现图时高亮折线图，并返回相关数据给父组件 最近研究折线图的点击事件获取相关信息，折线图的点击事件最常见的是

mydirectionHistoryChart.on('click', function (params) {})
这种方法可以获取相关的属性信息，但这种方法不理想，因为触发该点击事件，必须点击在数据点时才会触发该事件，而我的需求是点击折现图，所以这个事件并不理想，

不采用以上事件
不采用以上事件
不采用以上事件

通过外网搜索，也没有很理想的方法，但有个笨拙的方法可以获取到，就是通过getZr().on('click', function (params) {})

如下：
mydirectionHistoryChart.getZr().on('click', function (params) {
        if (params && params.target) {
          // 先判断 params.target 是否存在
          Object.keys(params.target)
            .filter((key) => key.includes('__ec_inner_') && params.target[key].seriesIndex !== undefined)
            .forEach((key) => {
              console.log(params.target[key].seriesIndex) //获取到多条折线图中点击的第几条索引，即可获取相关的信息
              // console.log(this.options.series[params.target[key].seriesIndex])
            })
        }
      })