Bootstrap

echarts 柱状图点击非柱状部分触发点击事件

点击柱子和点击非柱子部分

oBar.setOption(option)
oBar.getZr().off('click')
// 处理点击事件
oBar.getZr().on('click', function (params) {
         let pointInPixel = [params.offsetX, params.offsetY]
         if (oBar.containPixel('grid', pointInPixel)) {
               let pointInGrid = oBar.convertFromPixel({
               seriesIndex: 0
            }, pointInPixel);
            let yIndex = pointInGrid[1]; //索引,可取x或y轴的,当前取y轴
            let handleIndex = Number(yIndex);
            let XIndex = Number(pointInGrid[0]);
            let seriesObj = oBar.getOption(); //图表object对象
            let selName = seriesObj.xAxis[0].data[XIndex]//获取到区域点击选中的柱子的name
            //点击柱子进行触发
           }else{
            //非柱子触发
          }
});

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;