有没有更好的方法来（取消）选择 HighCharts 折线图中的所有图例项？

【问题标题】：Is there a better way to (Un)select all LegendItems in HighCharts LineChart?有没有更好的方法来（取消）选择 HighCharts 折线图中的所有图例项？
【发布时间】：2021-04-20 10:32:13
【问题描述】：

Here is my demo

const seriesAmount = 90;

当变量「seriesAmount」

一切顺利，

但是当它> 50时，

您必须等待很长时间才能取消选择它们。

有没有更好的解决方案来解决这个问题？谢谢！

【问题讨论】：

如果你可以使用 jquery 然后使用这个答案stackoverflow.com/a/16629678/2943218 Demo here jsfiddle.net/e7jngap2

标签： javascript jquery highcharts linechart

【解决方案1】：

在这种情况下，最好使用setVisible 方法（由show/hide 内部调用）。它提供了控制图表重绘过程的可能性。通过使用hide/show，图表在每次迭代中都会重绘。

btn.addEventListener('click', () => {
    for (let i = 0; i < seriesAmount; i++) {
        chart.series[i].setVisible(undefined, false);
    }

    chart.redraw();
});

现场演示： https://jsfiddle.net/BlackLabel/f3L4oyqa/

API 参考： https://api.highcharts.com/class-reference/Highcharts.Series#setVisible

【讨论】：