javascript - 如何将 MySQL 中的时间和值(value)导入 Highcharts

Question

我有一个带有时间戳和温度字段的 mysql 表。我正在将数据转换为 json 格式，但图表未绘制数据。任何人都可以为我提供任何指导，因为我在调试时遇到困难。

json 是:

[[["01:00","6.20"],["02:00","6.10"],["03:00","5.60"],["04:00","4.20"],["05:00","3.60"],["06:00","3.50"],["07:00","3.50"],["08:00","4.30"],["09:00","5.40"]]]

JavaScript 是:

   $(document).ready(function() {

var options = {
    chart: {
        renderTo: 'container',
        type: 'spline'
    },
    series: [{}]
};

$.getJSON('temp.json', function(data) {
    options.series[0].data = data;
    var chart = new Highcharts.Chart(options);
});

});

我的数据线可用于以下用途:

json

[["01:00",6.20],["02:00",6.10],["03:00",5.60],["04:00",4.20],["05:00",3.60],["06:00",3.50],["07:00",3.50],["08:00",4.30],["09:00",5.40],["10:00",7.00]]

JavaScript

   $(document).ready(function() {

var options = {
    chart: {
        renderTo: 'container',
        type: 'spline'
    },
    title: {
      text: 'Temperature'
    },
    subtitle: {
      text: 'Todays temperature trend'
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            hour: '%H:%M'
        },
        title: {
            text: 'Time'
        }
    },
    yAxis: {
        title: {
            text: 'Temperature (c)'
        }},
        tooltip: {
           valueSuffix: ' c'
       },
    series: [{}]
};

$.getJSON('temp.json', function(data) {
    options.series[0].data = data;
    var chart = new Highcharts.Chart(options);
});

});

x 轴的格式为 Jan '10, Feb '10 而不是 01:00 表示小时。这似乎是我唯一剩下的问题。

Answer 1

我认为你必须使用 Highcharts.dateFormat .

下面是我正在使用的示例。

xAxis: [{
                    categories: categories,
                    labels: {
                        formatter: function() {
                            return Highcharts.dateFormat('%H:%M', this.value);
                        },
                        style: {
                            'font-size': '11px',
                        },
                    },
                    type: 'datetime',


       }],

希望这对您有帮助。