echarts点击柱状图区域事件(解决数据较少时不方便点击柱状图的问题)

	//注册事件前先销毁点击事件(避免点击事件会重复执行)
	  myChart.getZr().off('click');
      //注册区域的点击事件,解决数据较少时不方便点击柱状图的问题
      myChart.getZr().on('click', function(param) {
     
        var pointInPixel= [param.offsetX, param.offsetY];
        if (myChart.containPixel('grid',pointInPixel)) {
     
            //获取当前点击的索引值
            //注意:若柱状图为纵向则获取x轴的索引,若柱状图为横向则需获取y轴的索引(见下方注释)
            var xIndex=myChart.convertFromPixel({
     seriesIndex:0},[param.offsetX, param.offsetY])[0];
             var xData=option.xAxis.data[xIndex];//当前点击柱子的数据
        	 // var yIndex=myChart.convertFromPixel({seriesIndex:0},[param.offsetX, param.offsetY])[1];
         	// var yData=option.yAxis.data[yIndex];//当前点击柱子的数据
         	//....  业务逻辑
        }
      });

你可能感兴趣的:(echarts)