带有日期时间的 Highcharts xAxis 不显示任何图表答案

【问题标题】：Highcharts xAxis with datetime not showing any chart带有日期时间的 Highcharts xAxis 不显示任何图表
【发布时间】：2016-09-06 20:30:23
【问题描述】：

我正在尝试用 x 轴和日期绘制折线图，但没有显示任何内容，只是显示图表标题的空格。

控制台没有错误，配置是这样的：

new Highcharts.Chart({
                            chart: {
                                type: 'line',
                                renderTo: document.getElementById('patientFrequency')
                            },
                            title: {
                                text: 'Patient frequency'
                            },
                            xAxis: {
                                type: 'datetime',
                                title: {
                                    text: 'days'
                                }
                            },
                            series: {
                                data: chartdata
                            }
                        });

chartdata 是一个数组，每个点都有 [日期，频率]。

有什么想法吗？谢谢

【问题讨论】：

标签： javascript charts highcharts

【解决方案1】：

series 应该是一个对象数组。

$(function() {
    var chartdata = [
                [Date.UTC(2010, 0, 1), 29.9],
                [Date.UTC(2010, 2, 1), 71.5],
                [Date.UTC(2010, 3, 1), 106.4]
            ];
  new Highcharts.Chart({
    chart: {
      type: 'line',
      renderTo: document.getElementById('patientFrequency')
    },
    title: {
      text: 'Patient frequency'
    },
    xAxis: {
      type: 'datetime',
      title: {
        text: 'days'
      }
    },
    series: [{
      data: chartdata
    }]
  });
});

http://jsfiddle.net/bs4cjLkd/

【讨论】：

日期数据必须是UTC格式吗？如果我使用 JS 时间戳，它会工作吗？？
对于日期时间轴，X 值是自 1970 年以来的时间戳，以毫秒为单位。来自：api.highcharts.com/highcharts/series%3Cline%3E.data.x
是的，我解决了，如果日期是像new Date().getTime() 这样的时间戳，它也可以工作，它将返回毫秒数。