Echart点击事件

一、click事件

1、使用场景

​ 比如点击图表时需要获取点击的图数据的时候

2、语法

const myChart = echarts.init(document.getElementById(id))
myChart.on('click', params => {
  console.log('数据', params)
})

二、.getZr() click事件

1、使用场景

​ 点击的时候需要知道点击的位置，比如点击后需要再点击的地方出现一个弹框，而且需要显示点击的图的数据，这时候结合图表click事件使用

2、语法

myChart.getZr().on('click', params => {
   // params.offsetX，params.offsetY 为点击位置的坐标，这时候可以将画布设置成相对定位，弹框设置成绝对定位，点击的坐标即为弹框的位置
})