在现实开发中,使用Echart的单击时间挺多的,本次出现bug的问题如下:
1、先是单击了一个柱子,但后再单击另外一个柱子,则会出现触发两次单击,每次单击不同的柱子,都会累计出现多次触发
如下图:我只单击一次,却触发三次单击事件
解决方案如下:
this.dom = echarts.init(this.$refs.dom);
this.dom.off('click'); // 每次初始化之前,都关闭click单击事件
this.dom.setOption(option);
on(window, 'resize', this.resize);
this.dom.on('click', function (params) {
let result = {
"index": params.name,
"type": params.seriesName,
}
_this.clickIndex(result);
});
})