[echarts] 多次渲染导致点击事件调用多次

最新推荐文章于 2024-09-15 23:59:26 发布

533_

最新推荐文章于 2024-09-15 23:59:26 发布

阅读量89

点赞数

分类专栏： echarts 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_14993591/article/details/129960423

版权

echarts 专栏收录该内容

67 篇文章 1 订阅

订阅专栏

原理就是：每次要渲染eChart之前，都去手动把eChart对象之前绑定的所有click事件清除掉，然后再重新绑定新的click事件，这样就不会导致渲染多次，多次绑定相同的click事件了。

const myChart = echarts.init(document.getElementById('myChart'));
 
// 清除画布
myChart.clear();
 
// 调用setOption，配置eChart参数
myChart.setOption(option);
 
// 在渲染click事件之前先清除之前绑定的旧的click事件
myChart.off('click');
 
// 重新绑定新的click事件
myChart.on('click', function (params) {
    if (params.value === 'xx') {
       // do something
    }
});