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