我在高档图表中展示了许多系列。我选择highstock是因为如果用户添加超过4小时的数据点,我想显示至少4小时的数据,并且可以选择滚动(但我不希望启用rangeSelector或导航器,如果这与问题相关我'我有)。
我认为这很简单,但我在x轴上显示15分钟的间隔时出现问题。当动态添加一个数据点时,图形会正确显示15分钟的刻度间隔,但是当添加更多数据点时,x轴开始不正确地缩放时间。如果我然后刷新页面并显示包含多个数据点的图形,我会得到非常奇怪的tickIntervals。
以下是我的xAxis选项:
xAxis: {
type: 'datetime',
min: 1361815200000,
max: 1361829780000,
tickInterval: 15 * 60 * 1000,
minTickInterval: 15 * 60 * 1000, // 15 minute intervals
gridLineWidth: 2,
labels: {
formatter: function () {
var d = new Date(this.value);
return (d.getMinutes() == 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes();
}
}
}
您可以在此处查看其余内容:http://jsfiddle.net/pxCsX/
我错过了什么?我使用minRange,类型和其他xAxis和系列属性进行修补,并搜索了高档文档,但我一直想出bupkis。
答案 0 :(得分:10)
将ordinal设置为false可以解决问题:
xAxis: {
ordinal: false
}