echart 折线图点击区域获取对应参数_this.chartid1.getzr().on 参数的唯一

今天有个新需求，需要点击某片区域获取对应参数，但是发现echart折线图必须点到点上面才可以，于是查阅了几篇博客，总算解决了，解决方法如下：
首先需要在option的xAxis中增加

triggerEvent: true
1

然后调用

echart.setOption(optionData)
1

生成图形后新增点击事件

chart.getZr().on('click', function(params) {
	var pointInPixel = [params.offsetX, params.offsetY]
	if(chart.containPixel('grid', pointInpixel)) {
		var xIndex = chart.convertFromPixel({seriesIndex: 0}, pointInPixel)[0]
		console.log('你在点击第', xIndex, '个格子')
	}
})
1
2
3
4
5
6
7

这样就可以获取到点击的是哪个格子，再根据传入的data索引获取对应的数据就OK了