logo标签列表

Highcharts 日期/时间和X轴

highcharts
7
我正在寻找一个简单的示例，以便在24小时内每隔一小时显示时间，例如：8 AM、9 AM等，沿x轴显示。要绘制的数据将如下所示[时间，仪表读数]。到目前为止，我所有的尝试都没有成功。
如果需要进一步提供详细信息，请告知。
请发布您的代码，这样我们就不会建议您已经尝试过的东西。 - Geeky Guy
1个回答
14

在尝试官方示例和文档后，我找到了一种每2小时获取间隔的方法，但你也可以轻松地获取每小时的间隔。

下面是您在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小时），那么它可以很好地工作。

谢谢Pierre！这个解决方案完美地运行了。我真的很感激。 - porterhaus
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接