隐藏高图系列非常慢

Bri*_*boy 3 highcharts

我有一个highchart显示多个系列,每个包含100多个数据点,我有一个包含每个系列)复选框,单击时调用series.hide(或series.show()来切换每一行我的隐藏/显示的UI问题是,隐藏和显示非常慢,以至于我无法检查一个复选框,而前一个处理正在进行中是否有人知道如何处理这个?谢谢

phi*_*reo 10

不要打电话hide()给每个系列,而是打电话setVisible(false, false);.第二个参数是redraw参数,您可以避免为每个系列引起重绘(这很慢).

然后,在完成改变可见性之后,请拨打chart.redraw() 一次电话.

http://api.highcharts.com/highcharts#Series.setVisible


小智 2

正如以下回答:

在 Highcharts 和 jQuery 中隐藏系列的_groups_:如何获得可接受的性能?

  • 每次调用 show 或 hide 时都会绘制 highcharts;
  • 禁用和启用重绘功能对我有用;

    var _redraw = this.chart.redraw;
    this.chart.redraw = function(){};
    
    //do work
    
    this.chart.redraw = _redraw;
    this.chart.redraw();
    
    Run Code Online (Sandbox Code Playgroud)