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

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

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

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

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

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

解决办法:

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

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

  完美解决,记录一下!

 

相关文章:

  • 2021-06-16
  • 2021-05-24
  • 2021-07-11
  • 2021-09-08
  • 2021-09-27
  • 2021-08-03
  • 2021-09-08
  • 2021-09-11
猜你喜欢
  • 2021-06-06
  • 2021-08-05
  • 2021-12-14
  • 2021-10-01
  • 2021-12-30
  • 2021-09-12
  • 2021-08-10
  • 2021-12-19
相关资源
相似解决方案