我正嘗試使用Google的圖表API顯示折線圖。
我已經創建了兩列,一個日期和一個數值的數據表。該行顯示正確,但X軸上的標籤丟失。所有的數據都在同一天,但在不同的時間。如果我編輯日期以便在不同的日子傳播它們,一切正常。
我只需要在一天內集中我的圖表,並在X軸上顯示小時和分鐘。
我該怎麼做?Google Chart折線圖小時和分鐘
謝謝。
我正嘗試使用Google的圖表API顯示折線圖。
我已經創建了兩列,一個日期和一個數值的數據表。該行顯示正確,但X軸上的標籤丟失。所有的數據都在同一天,但在不同的時間。如果我編輯日期以便在不同的日子傳播它們,一切正常。
我只需要在一天內集中我的圖表,並在X軸上顯示小時和分鐘。
我該怎麼做?Google Chart折線圖小時和分鐘
謝謝。
至focus my chart in one day only and show hours and minutes on the X axis.
您需要在查詢中執行此操作。這與Google圖表無關。你可以看看haxis參數,看看你是否可以改變其中的一些值來達到你想要的效果https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart
通常取決於你傳遞數據的方式。隨着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,它處理時間序列非常好。
嗨 我的錯誤是使用「日期」作爲類型而不是「日期時間」。感謝有關dygraphs的提示。 – user1717513