Highcharts单击函数更新系列并取消以前的更新

Highcharts单击函数更新系列并取消以前的更新,highcharts,Highcharts,我构建了一个包含50多个系列的折线图: 现在我想通过点击按钮高亮显示一个系列(不透明度:1)。当我高亮显示另一个系列时,第一个系列应再次获得其原始不透明度0.1 仅使用两个系列,我就可以通过以下方式实现: $('#func1').click(function () { var chart = $('#Weltweit').highcharts(); chart.series[3].update({opacity: 0.1}); chart.series[4]

我构建了一个包含50多个系列的折线图:

现在我想通过点击按钮高亮显示一个系列(不透明度:1)。当我高亮显示另一个系列时,第一个系列应再次获得其原始不透明度0.1

仅使用两个系列,我就可以通过以下方式实现:

    $('#func1').click(function () {
    var chart = $('#Weltweit').highcharts();  
    chart.series[3].update({opacity: 0.1}); 
    chart.series[4].update({opacity: 1});
                              });

$('#func2').click(function () {
    var chart = $('#Weltweit').highcharts(); 
    chart.series[3].update({opacity: 1});
    chart.series[4].update({opacity: 0.1}); 
                              });

但我不能用50系列来计算,因为计算起来太长了。是否有办法在执行新更新之前取消上一次更新?

您可以在此处阅读,与您的问题类似:

使用更新方法,将
重画
参数设置为
false
并在循环后重画图表:

chart.series.forEach(function(s) {
    s.update({
        ...
    }, false);
});

chart.redraw();

现场演示:

API参考: