2012-10-03 94 views
7

我正嘗試使用Google的圖表API顯示折線圖。
我已經創建了兩列,一個日期和一個數值的數據表。該行顯示正確,但X軸上的標籤丟失。所有的數據都在同一天,但在不同的時間。如果我編輯日期以便在不同的日子傳播它們,一切正常。
我只需要在一天內集中我的圖表,並在X軸上顯示小時和分鐘。
我該怎麼做?Google Chart折線圖小時和分鐘

謝謝。

回答

7

通常取決於你傳遞數據的方式。隨着arrayToDataTable你的日期只是字符串。如果你實例化一個JS日期對象並構建dataTable,你應該得到更好的結果。此代碼對我的作品(見它live):

function drawVisualization() { 

var data = new google.visualization.DataTable(); 

data.addColumn('datetime', 'Time of Day'); 
data.addColumn('number', 'Some Measurement'); 

data.addRows([ 
    [new Date(2012,10,3,11,30,0), 12], 
    [new Date(2012,10,3,11,45,0), 2], 
    [new Date(2012,10,3,12,1,0), 16], 
    [new Date(2012,10,3,12,15,0), 3], 
    [new Date(2012,10,3,12,30,0), 12], 
    [new Date(2012,10,3,12,45,0), 7] 
]); 


new google.visualization.LineChart(document.getElementById('visualization')). 
    draw(data, {curveType: "function", 
       width: 500, height: 400, 
       vAxis: {maxValue: 10}} 
    ); 
} 

我曾經是谷歌可視化的粉絲,而是以突擊的更新已經被燒燬太多次了。它也有很多限制。檢查出Dygraph,它處理時間序列非常好。

+2

嗨 我的錯誤是使用「日期」作爲類型而不是「日期時間」。感謝有關dygraphs的提示。 – user1717513