Highcharts。异步加载部分数据

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);
        }
      }
    },

示例：http://jsfiddle.net/bjuyj2kk/1/