当在highcharts中使用日期时,有没有办法限制x的范围?

时间:2014-07-27 22:58:44

标签: highcharts

我想为我在x轴上显示的日期设置一个范围。

我想将0作为我系列的第一个值,然后设置自动收报机,这样它只会显示3天。

我已将轴设置为以天为单位显示刻度,但我无法将此限制为特定天数(例如3天),也无法确定如何在特定时间启动系列(说早上8点)并同时结束(因此我将x分为3个相等的时间范围,同时开始和结束)。

这是我到目前为止所做的:

jsfiddle.net/newbiez/N3xsr/3/

1 个答案:

答案 0 :(得分:1)

定义datetime x轴的确切开始和结束时间的一种方法是xAxis.minxAxis.max Date.UTC或者只是这样的常规时间戳:< / p>

xAxis: {
    min: Date.UTC(2001, 5, 13, 9), // Or timestamp 992422800000
    max: Date.UTC(2001, 5, 16, 9) // Or timestamp 992592000000
}

此外,为了让刻度线恰好以此最小值开始,并且从那里定期发生,您可以使用xAxis.tickPositioner函数,如下所示:

xAxis: {
    tickPositioner: function () {
        var positions = [],
            // The first tick position (min value of axis)
            tick = this.min,
            // Distance between ticks, from first tick
            increment = 24 * 3600 * 1000;

        // Create list of tick positions (up to max value of axis)
        for (; tick - increment <= this.max; tick += increment) {
            positions.push(tick);
        }

        return positions;
    }
}

如此JSFiddle example中所示。