5

我在 highstock 图表中显示了许多系列。我选择 highstock 是因为如果用户添加了超过 4 小时的数据点，我想显示至少 4 小时的数据并选择滚动（但我不希望启用 rangeSelector 或导航器，如果这与我的问题有关）我有）。

我认为这很简单，但我在 x 轴上显示 15 分钟间隔时遇到问题。当动态添加一个数据点时，图表正确显示了 15 分钟的刻度间隔，但当添加更多数据点时，x 轴开始不正确地缩放时间。如果我然后刷新页面并显示一个包含多个数据点的图表，我会得到非常奇怪的滴答间隔。

这是我的 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 和 series 属性并搜索了 highstock 文档，但我一直在想出 bupkis。

4

1 回答 1

10

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

xAxis: {
    ordinal: false
}
于 2013-02-25T22:14:38.267 回答