使用 localStorage 时有什么减少加载时间的解决方案吗？

Question

我找到一个 sample 来使用 localStorage 保存选定的 LegendItems。

但是当数据量太大时，图表加载速度变慢，

这是我的 demo

events: {
  load: function() { ... }

有什么办法可以解决这个问题吗？

Answer 1

您可以使用与单击事件处理程序中相同的方法 - 在循环后重绘图表，而不是在每次迭代中重绘。

events: {
  load: function() {
    ...
    if (!localStorage.legendItems) {
      ...
    } else {
      ...
      legendBooleans.forEach(function(state, i) {
        series[i].update({
          visible: state
        }, false);
      })
                
      this.redraw();
    }
  } 
}

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

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

使用 localStorage 时有什么减少加载时间的解决方案吗？

Any solution to reduce loading time when using localStorage?

javascript

jquery

highcharts

local-storage