我正在创建一个Highstock图表,它应该在开头只显示部分可用数据。我希望将导航器极限设置为我提供的某些默认值,并在用户移动/拉伸导航器时以异步方式加载其余数据。可悲的是,我认为它应该工作的方式不是。这就是我所做的(图表选项):
var options = {
title: {
text: 'Analysis Graph'
},
scrollbar: {
liveRedraw: false
},
yAxis: yAxises,
series: series,
useHighStocks: true,
options: {
navigator: {
enabled:true,
xAxis: {
ordinal: false,
min: scope.dates.start,
max: scope.dates.end
}
},
rangeSelector: {
enabled: true
}
}
}
如您所见,我将xAxis对象传递给选项/导航器,其中包含最小和最大日期(即时间戳)。它无法按预期工作 - 无论如何,导航器的极端设置为数据系列的开头和结尾。我检查了,我用于日期的变量是正确设置的,应该没有问题。
有没有其他方法可以实现我的目标或使这种方式有效?
编辑:
奇怪的是,让xAxis.min和.max在highcharts-ng中工作,但在我创建自己的指令的解决方案中不起作用。
以下是它的外观:
上面一个是我的正常解决方案,下面是highcharts-ng供电的解决方案。 highchart-ng可以按预期工作。两者都具有相同的选项和相同的数据:
var options = {
title: {
text: 'Analysis Graph'
}
yAxis: yAxises,
xAxis : {
},
series: series,
useHighStocks: true,
options: {
navigator: {
xAxis: {
min: scope.dates.start,
max: scope.dates.end
},
enabled:true
},
rangeSelector: {
enabled: true,
selected: 2
}
}
}
有谁知道为什么会这样?似乎两种解决方案都使用版本4.2.5中的highstock。我不想使用highcharts-ng,所以如果有人知道如何在不使用它的情况下使其工作,请提供帮助。