x轴tickInterval在highstock图表中无法正常工作

时间:2013-02-25 20:02:58

标签: highcharts highstock

我在高档图表中展示了许多系列。我选择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。

1 个答案:

答案 0 :(得分:10)

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

xAxis: {
    ordinal: false
}