其他分享
首页 > 其他分享> > echarts如何监听点击图表空白处事件

echarts如何监听点击图表空白处事件

作者:互联网

如下图两处空白,如何监控两处空白处的点击事件

监听事件方法,利用getZr()属性获取点击事件

var echart = document.getElementById('echarts');
var option={
    //具体参考echarts官方:https://echarts.apache.org/examples/zh/index.html
}

var myChart = echarts.init(echart);
myChart.setOption(option);
// 使用getZr获取点击事件
myChart.getZr().on('click', function(params) {
  const pointInPixel = [params.offsetX, params.offsetY]
  if (myChart.containPixel('grid', pointInPixel)) {
      //红色文字空白处事件
  }
  else{
      //橘黄色文字空白处事件
  }
})

标签:myChart,监听,params,事件,echarts,空白处,getZr
来源: https://blog.csdn.net/yhj198927/article/details/122436331