ECHARTS柱状图点击事件出现重复多次
开发过程中通常在使用Echarts画图之后,我们经常会碰到这样的需求:在柱状图上,点击某条柱形,调用相应的方法或跳转相应的界面,
当我遇到这个需求第一就想到了用on绑定点击事件的方法,然后就在代码上进行尝试,果然可以实现这个功能,当点击事件是重新获取数据重新渲染一个图表呢,也好实现,
但是当遇到原始图表设有切换数据渲染的功能时呢,
最近做图表开发的时候就遇到这种情况,下面给出我做的图表:
这时候如果切换数据再次点击柱状时,点击的数据会重复多次,切换多少次就会有多少次
解决办法:
在绑定点击事件前关掉点击:
dmChart.off('click'); dmChart.on('click', function (parmas) { alert(parmas.name); });
完美解决,记录一下!