【JS】【Echarts】用on绑定click 事件，第二次绑定时执行的依然是第一次绑定的参数

贝阿朵今天依然鬼笑

于 2020-09-24 09:09:30 发布

阅读量835

点赞数

分类专栏：前端学习片段文章标签： echarts javascript

本文链接：https://blog.csdn.net/u014458962/article/details/108766132

版权

在Echarts散点图中，点击图例使对应点变色的功能出现了bug。当用户点击后，第二次绑定的click事件参数仍为第一次的数据。通过分析，怀疑是由于对象参数引用未变导致的问题。解决办法是在更新图表前销毁Echarts实例，测试后问题得到解决。

摘要由CSDN通过智能技术生成

今天遇到了一个奇怪的bug。

一张散点图，用户要求点击图例后，可以将被点击的那个图例对应的点标红，其他的点变灰。

主函数：

        var chart = echarts.init(document.getElementById('chart'));

        chart.setOption(baseline_options, true);

        chart.on('legendselectchanged', function(obj) {
        var selected = obj.selected;
        var name = obj.name;
        console.log('test legend changed', obj, baseline_options);
        chart.setOption(highlight_selected_legend(name, baseline_options, data['series']), notMerge=true);  // look at here!!!
        });
        $('#chart_submit').attr('disabled', false);

其中负责变色的函数在这里：

function highlight_selected_legend(selected_legend, options, series){

    var new_options = options;
    new_options['series'] = [];

    var selected_item = {};
    for(var i=0