echarts y轴添加点击事件_echarts 图点击事件

有三种方式，介绍一下，大家学习哈

1、利用tooltip记录信息，使用zr 监听事件，进行事件处理。

这种方法是利用showTip方法或者tooltip的formatter函数记录选中的数据信息，并在zr监听到的事件中以记录的信息来处理点击事件，弥补zr携带的信息不便使用的缺陷，具体实现可参照这里。

这种方法可以实现想要的效果，但是需要不断的记录、更新信息，影响性能。

2、利用tooltip触发时选中区域的axisPointer的formatter抛出选中数据的相关信息，并在回调函数中进行数据处理。实现如下：

3、 利用echarts提供的新API convertFromPixel完美解决。

这种方法借助于convertFromPixel和zr来实现需要的效果，实现方法如下：

this.echart.getZr().on('click',params=>{

const pointInPixel= [params.offsetX, params.offsetY];

if (this.echart.containPixel('grid',pointInPixel)) {

let xIndex=this.