排行榜。异步加载部分数据

Question

我有一个非常简单的 graph，它显示了大量数据的一部分。我想用导航面板把它变成图表，这样用户就可以选择他想看的部分。

刚打开图表时，它应该只显示可用数据，并且在导航栏中应该选择相同的部分。最初可用的数据在开头。所以预期结果是：

我的第一个 attempt 是使用 xAxis 属性：

xAxis: {
  ...
  min: 0,
  max: 1000, // all data
  range: 100 // current part
}

但在这种情况下，在导航栏上选择了错误的部分：

我还 tried 使用一些虚拟数据设置导航器的系列：

navigator: {
  enabled: true,
  series: {
    data: /* array of length 1000 */
  }
},

xAxis: {
  ...
  min: 0,
  max: 100
},

在这种情况下，在导航栏上选择了正确的部分，但我的虚拟数据也显示在那里：

有什么想法吗？

Answer 1

在加载事件上使用 Axis.setExtremes() 并在进一步获取数据后设置导航器位置。

chart: {
      events: {
        load: function () {
          this.xAxis[0].setExtremes(0, 100);
        }
      }
    },

Highcharts. Async loading part of the data