2016-04-22 14 views
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 axis does not show date in format "dd/mm/yyyy"

質問です:私は、x軸での適切なフォーマットに変更するために追加するものはありますか?

答えて

0

あなたは有効なフォーマットオプションはhereを見つけることができますhAxis.formatconfiguration option

var options = {'title':'Example','width':400,'height':300,//-->'format':'MM/dd/yyyy'};

...

を使用し、特定のロケールでロードする必要がある場合は、thisを見ることができます...

+0

これは役に立ちます... – WhiteHat

+0

あなたの回答をお寄せいただきありがとうございますunfortunatellyグラフは同じままです、コードはhaxis.forを無視しているようですmatステートメント(明らかにコメント部分は削除されました) –

+0

文字列または実際の日付としてロードされているかどうか知っていますか?あなたは['data.getColumnType(0)']で確認できます(https://developers.google.com/chart/interactive/docs/reference#DataTable_getColumnType) – WhiteHat