echarts图表（二），x轴label加点击事件

 

 如图，想要做可以点击轴label，触发后续事件，上代码：

const ref = useRef()

const eChartInstance = useRef<any>()

eChartInstance.current.on('click', function (params) {
      if (params.componentType == 'yAxis') {
        xLabelClick(params)
      }
    })

return <div ref={ref}/>

我用的是react+ref,其他框架也可通过id来获取dom。

注意，事件绑定要放在实例化和setOption之后。不要重复绑定该事件。如果绑定事件写在update生命周期，需要先off('click')。