Google Chart工具日期格式

Question

我正在使用Google Chart工具API，並且正在嘗試製作一份來自數據庫的數據的line chart，迄今爲止工作正常。

但是現在由於圖表是關於用戶的「身體質量指數」，所以我希望x軸被時間格式化。我的意思是，每個日期之間的間隔應該與實際的時間相對應。

我希望我能讓自己明白。

從DB輸入數據類型是：

• 身體質量指數（實際）（用於Y軸）;

• date（date）（for the x-axis）。

Answer 1

這可以通過annotated timeline（來自Google Chart API）完成。

下面是一個簡單的代碼示例...

<script type='text/javascript'> 
function drawVisualization() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('date', 'Date'); 
    data.addColumn('number', 'Body Mass Index'); 
    data.addRows([ 
    [new Date(2012, 9 ,2), 20], 
    [new Date(2012, 10 ,5), 22], 
    [new Date(2012, 11 ,4), 24], 
    [new Date(2013, 0 ,12), 23] 
    ]); 

    var annotatedtimeline = new google.visualization.AnnotatedTimeLine(
     document.getElementById('visualization')); 
    annotatedtimeline.draw(data); 
} 
</script>