Highcharts xAxis,日期时间未显示任何图表

时间:2016-09-06 20:30:23

标签: javascript charts highcharts

我试图用带有日期的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是一个数组,每个点都有[日期,频率]。

有什么想法?感谢

1 个答案:

答案 0 :(得分: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/