Highcharts。异步加载部分数据

我有一个非常简单的graph，它显示了大部分数据的一部分。我想用导航面板将它变成图形，以便用户可以选择他想要看到的部分。Highcharts。异步加载部分数据

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

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

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

但是在这种情况下，在导航栏错片选择：

另外我tried用s设置导航仪的系列青梅虚拟数据：

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

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

在这种情况下，右侧片选择的导航栏上，但显示我的虚拟数据还有：

任何想法？

来源

2016-12-28 Sergey Sokolov

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

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

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

来源

2016-12-28 13:29:49 morganfree

所以有这个没有配置选项？ –

我不认为有一个选项设置导航器的初始位置（[rangeselector.selected]（http://api.highcharts.com/highstock/rangeSelector.selected），但这不是你正在寻找对于）。此外，如果您要动态获取数据，则必须使用动态方法处理数据，例如我的答案中的数据。 – morganfree

我明白了，谢谢 –

Highcharts。异步加载部分数据

回答

相关问题