echarts折线图添加区域点击事件,而不用去点小圆点(扩大点击范围)

不要写onClick事件,用以下方法代替

shuliangChart.getZr().on('click',function (params) {
	    var pointInPixel= [params.offsetX, params.offsetY];
	    if (shuliangChart.containPixel('grid',pointInPixel)) {
	        /*此处添加具体执行代码*/

	        //X轴序号
	        var xIndex=shuliangChart.convertFromPixel({seriesIndex:0},pointInPixel)[0];

            //获取当前图表的option
	        var op=shuliangChart.getOption();

            //获得图表中我们想要的数据
	        var month=op.xAxis[0].data[xIndex];

	    }
	});

如果对convertFromPixel方法有好的理解,应该可以获得更多有效的数据,操作起来应该会更简单一点。

之前的代码IE不能识别,修改过后应该比较标准来,我测试在IE下可以正常使用。

这里暂时没有搞明白,理解肤浅,欢迎指教。

猜你喜欢

转载自blog.csdn.net/lightpass/article/details/81457410