ECHARTS柱状图点击事件出现重复多次

开发过程中通常在使用Echarts画图之后,我们经常会碰到这样的需求:在柱状图上,点击某条柱形,调用相应的方法或跳转相应的界面,

当我遇到这个需求第一就想到了用on绑定点击事件的方法,然后就在代码上进行尝试,果然可以实现这个功能,当点击事件是重新获取数据重新渲染一个图表呢,也好实现,

但是当遇到原始图表设有切换数据渲染的功能时呢,

最近做图表开发的时候就遇到这种情况,下面给出我做的图表:

 

这时候如果切换数据再次点击柱状时,点击的数据会重复多次,切换多少次就会有多少次

解决办法:

  在绑定点击事件前关掉点击:

                dmChart.off('click');
		dmChart.on('click', function (parmas) {
			alert(parmas.name);
	
		});

  完美解决,记录一下!

原文地址:https://www.cnblogs.com/yuqingya/p/12700030.html