2016-09-06 132 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