Highcharts：使用 JSON 将 xAxis 数据加载为“日期时间”？答案

【问题标题】：Highcharts: Using JSON to load xAxis data as 'datetime'?Highcharts：使用 JSON 将 xAxis 数据加载为“日期时间”？
【发布时间】：2015-11-26 08:39:51
【问题描述】：

我正在尝试让我在 Highcharts 中的 xAxis 使用“日期时间”格式而不是常规类别，但我不确定如何执行此操作。请检查以下图片以了解我的意思：

http://i.stack.imgur.com/qCOb4.png

data.php 的输出：

[
{"name":"datetime","data":[1439929080000,1439929140000,1439929200000, ...
{"name":"krypTemp","data":[17,17.3,17.2,17.3,17.2,17.2,17.2,17.2,17.2, ...
{"name":"vindTemp","data":[19,18.9,18.9,18.8,18.8,18.7,18.7,18.7,18.7, ...
{"name":"uteTemp","data":[15,15.5,15.5,15.4,15.4,15.4,15.3,15.4,15.3, ...
{"name":"krypFukt","data":[59,59,59,59,59,59,59,59,59,59,59,59,59,59, ...
{"name":"vindFukt","data":[49,49,50,50,50,50,50,50,50,50,50,50,50,50, ...
]

以及我的 html 页面的当前配置：

 $(document).ready(function() {
        var options = {
            chart: {
                renderTo: 'container',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'spline'
            },
            xAxis: {
                type: 'datetime'
            },
            series: []
        }
        $.getJSON("data.php", function(json) {
            options.xAxis.categories = json[0]['data'];
            options.series[0] = json[1];
            options.series[1] = json[2];
            options.series[2] = json[3];
            options.series[3] = json[4];
            options.series[4] = json[5];
            chart = new Highcharts.Chart(options);
        });
    });

我知道日期时间和类别相互冲突，但不知道我应该如何重写这个“options.xAxis.categories = json[0]['data'];”适合/显示为“日期时间”。

对此的任何帮助将不胜感激，因为这是实现我目标的最后一步:)。

【问题讨论】：

标签： php json datetime highcharts

【解决方案1】：

如果您有日期时间类型的轴，则不能使用类别，因为这是不同的类型。

替换这一行：

options.xAxis.categories = json[0]['data'];

与

options.xAxis.tickPositions = json[0]['data'];

如果标签打印为数字，您可以使用labels formatter，并在里面使用Highcharts.datetime。

【讨论】：