繁体   English   中英

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

[英]How to draw date in x-axis in Area Chart?

我在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轴不以“dd / mm / yyyy”格式显示日期

问题是:为了在x轴上更改为正确的格式,我需要添加什么?

您可以使用hAxis.format 配置选项

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

有效的格式选项可以在这里找到......

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM