echarts 柱状图使用getZr点击柱子以外的部分

例子

注意:echarts点击事件先进行off(),能够避免2次事件

chart.getZr().off()
chart.getZr().on('click',params=>{
	  let pointInPixel = [params.offsetX, params.offsetY]
	  console.log(chart.containPixel('grid', pointInPixel))
	  let pointInGrid = chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)
	  console.log(pointInGrid)
	  // x轴数据的索引值
	  let yIndex = pointInGrid[1]
	  var name=obj.y[yIndex]
	  //下面进行操作函数
})

你可能感兴趣的:(笔记,js,html5)