1
私は、Googleスプレッドシートに以下のデータていますエリアチャートのx軸で日付を描画する方法は?
ColumnA ColumnB
Departament Quantity
01/01/2016 23
02/01/2016 43
04/01/2016 5
06/01/2016 65
10/01/2016 12
11/01/2016 32
13/01/2016 22
15/02/2016 2
とHTMLテンプレートを使用して折れ線グラフを描きたい:これは私のコードでは、シートを読み取るために、これまで今
<!DOCTYPE html>
<html>
<head>
<script src="https://www.google.com/jsapi"></script>
</head>
<body>
<div id="main"></div>
<script>
google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(getSpreadsheetData);
function getSpreadsheetData() {
google.script.run.withSuccessHandler(drawChart).getSpreadsheetData();
}
function drawChart(rows) {
var options = {'title':'Example','width':400,'height':300};
var data = google.visualization.arrayToDataTable(rows, false);
var chart = newgoogle.visualization.LineChart(document.getElementById("main"));
chart.draw(data, options)
}
</script>
</body>
</html>
私のスクリプトです。
function getSpreadsheetData() {
var ssID = "12GvIStMKqmRFNBM-C67NCDeb89-c55K7KQtcuEYmJWQ",
sheet = SpreadsheetApp.openById(ssID).getSheets()[0],
data = sheet.getDataRange().getValues();
return data;
}
しかし私は(つまり42370)の数値にデータを変更すると、プロット、この問題を消えるを描くが、私が望むものではないthatsのカント!
質問です:私は、x軸での適切なフォーマットに変更するために追加するものはありますか?
これは役に立ちます... – WhiteHat
あなたの回答をお寄せいただきありがとうございますunfortunatellyグラフは同じままです、コードはhaxis.forを無視しているようですmatステートメント(明らかにコメント部分は削除されました) –
文字列または実際の日付としてロードされているかどうか知っていますか?あなたは['data.getColumnType(0)']で確認できます(https://developers.google.com/chart/interactive/docs/reference#DataTable_getColumnType) – WhiteHat