Question

我在Google电子表格中有以下数据：

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）时，此问题会消失，但那不是我想要的！

问题是：为了在x轴上更改为正确的格式，我需要添加什么？

Answer 1

您可以使用hAxis.format configuration option

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

可以找到有效的格式选项here ...

如果您需要使用特定区域设置加载，请参阅this ...

如何在面积图中的x轴绘制日期？

1 个答案: