7

我正在寻找一个简单的示例,说明如何在 24 小时内以一小时为增量显示时间,例如:上午 8 点、上午 9 点等...沿 x 轴。要绘制的数据将如下[时间,抄表]。我迄今为止的所有尝试都没有奏效。

请告知是否需要提供更多详细信息。

4

1 回答 1

14

在使用了官方示例和文档之后,我找到了一种每两小时获取一次间隔的方法,但您可以轻松地每小时获取一次间隔。

以下是您必须在创建 Highcharts 时定义的选项:

$(function () {
    $('#container').highcharts({
        chart: { ... },
        title: { ... },
        subtitle: { ... },
        xAxis: {
            type: 'datetime',
            tickInterval: 3600 * 1000,
            ...
        },
        yAxis: { ... },
        tooltip: { ... },
        legend: { ... },
        plotOptions: { ... },
        series: [{
            ...
            pointInterval:  3600 * 1000,
            pointStart: Date.UTC(2006, 0, 01, 0, 0, 0, 0),
            data: [
                ...
            ]
        }]
    });
});

使用tickInterval,pointIntervalpointStart选项,您可以获得您想要的。

这是我正在谈论的一个活生生的例子:http: //jsfiddle.net/FxD58/1/

如果您有 24 个系列值(例如一天中的 24 小时......),它会很好地工作

于 2013-07-07T11:12:58.043 回答