2016-09-06 129 views
0

我想绘制一个与日期的x轴线图,但没有显示任何只是一个空白空间只显示图表的标题。Highcharts xAxis与日期时间不显示任何图表

有在控制台上没有错误,而且配置是这样的:

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

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/

+0

它是强制性的最新数据是UTC格式?它会工作,如果我使用JS时间戳? – ocespedes

+0

对于日期时间轴,X值是自1970年以来的时间戳(以毫秒为单位)。发件人:http://api.highcharts.com/highcharts/series%3Cline%3E.data.x –

+0

是的,我解决了它,它也适用于日期在时间戳中,如'new Date()。getTime()',它将返回毫秒数。 – ocespedes