效果:点击搜索按钮的时候,有新数据返回所以图表需要重新渲染,然后点击图表中的项会打印详情数据
bug再现:当刷新页面的情况下,第一次点击项,会正常显示一条新数据;其次再不刷新页面的情况下,点击搜索按钮渲染图表,点击项会出现2条一样的数据;然后点搜索按钮再次渲染图表,点击项会出现3条一样的数据,以此类推,重复累加打印
经过多次测试发现原因是:
echars图表渲染几次,事件就会执行几次
解决办法:在渲染图表之前,关闭点击事件,使用off
页面刷新时,打印了1条数据,正常:
第二次渲染图表时,打印了2条数据:
解决:
上面加上这一条代码后确实不会累加执行了,但是,点击一次后,再次点击 ,点击事件失效了。这不是我所要的效果!
后来不断测试后,发现原来是代码放错位置了,需要放在图表渲染之前!这很重要!
好了, 完美解决!!!