Highcharts日期/时间和X轴

Question

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

如果需要提供更多详细信息,请告知.

Answer 1

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

以下是您必须在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,pointInterval和pointStart选项,你可以得到你想要的.

以下是我所谈论的实例:http://jsfiddle.net/FxD58/1/

如果您有24个串联值(例如一天中的24小时......),它的效果非常好