javascript - x 轴上 dateTime 的 Highcharts 最大间隔？

Question

我有一张每日图表，时间跨度为 00:00 到 23:59。但是对于实时数据，假设当前是上午 9 点，默认情况下它会将图形从 00:00 拉伸(stretch)到 09:00，这对我来说看起来不太好。我想要的是同一天 23:59 的 x 轴最大值，因此它将 09:00 - 23:59 显示为空白。我尝试了 $graph["xAxis"]["max"] = (time()+86400)*1000 但无济于事。有什么建议吗？谢谢!

Answer 1

(虽然这是一个老问题，但我使用谷歌搜索来到这里，在 highcharts 中搜索 x 轴的最大时间时，它仍然位于搜索结果的顶部，所以我认为这个评论仍然有用。)

接受的答案对于旧版本的 highcharts 可能是正确的，但在当前版本 (v3.0.7) 中，您还可以将 xAxis.max 属性设置为您希望图表结束的日期时间。这看起来像这样，IMO 是一种更清洁的解决方案:

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        xAxis: {
            type: 'datetime',
            max: Date.UTC(2010, 0, 2),
            dateTimeLabelFormats: {
                day: '%e of %b'   
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6],
            pointStart: Date.UTC(2010, 0, 1),
            pointInterval: 1 * 3600 * 1000 // one hour
        }]
    });
});

参见 this jsfiddle example .