highcharts - x 轴刻度间隔在高库存图表中无法正常工作

Question

我在高库存图表中显示了许多系列。我选择 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、type 和其他 xAxis 和系列属性，并搜索了 highstock 文档，但我一直想出 bupkis。

Answer 1

将 ordinal 设置为 false 可以解决问题:

xAxis: {
    ordinal: false
}