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{
      //橘黄色文字空白处事件
  }
})

上一篇:数据库笔记01


下一篇:echarts toolip悬浮框文字自定义,十字准星标准线对应数值自定义