//注册事件前先销毁点击事件(避免点击事件会重复执行)
mychart.getZr().off('click');
//注册区域的点击事件,解决数据较少时不方便点击柱状图的问题
mychart.getZr().on('click', (param) => {
var pointInPixel = [param.offsetX, param.offsetY];
if (mychart.containPixel('grid', pointInPixel)) {
//获取当前点击的索引值
//注意:若柱状图为纵向则获取x轴的索引,若柱状图为横向则需获取y轴的索引(见下方注释)
//这里的[1]就代表点击的Y轴的,[0]如果为零就代表时X轴
var YIndex = mychart.convertFromPixel({ seriesIndex: 0 }, [param.offsetX, param.offsetY])[1];
YIndex就是当前点击数据的下标
var dataName = this.EchartsLsitListOne[YIndex].code
//我这里根据取到每条的下标去数组中获取数据
this.$router.push({ //将取到的数据带上跳转路由传参
path: '/gather/gatherList',
query: {
key: dataName
}
})
}
});