Fatal编程技术网
  • google-apps-script/
  • Google apps script 如何在Google apps脚本中创建包含一列时间的条形图

Google apps script 如何在Google apps脚本中创建包含一列时间的条形图

google-apps-script charts google-visualization

Google apps script 如何在Google apps脚本中创建包含一列时间的条形图,google-apps-script,charts,google-visualization,Google Apps Script,Charts,Google Visualization,我尝试使用谷歌应用程序脚本创建一个包含一列时间的堆叠条形图。这就像下面的图表。 我创建了以下谷歌应用程序脚本代码。但是，它不起作用 函数createSample（）{ var data=Charts.newDataTable（） .addColumn（Charts.ColumnType.STRING，“日期”） .addColumn（Charts.ColumnType.TIMEOFDAY，“A”）//谷歌应用程序脚本中未定义TIMEOFDAY .addColumn（Charts.Column

我尝试使用谷歌应用程序脚本创建一个包含一列时间的堆叠条形图。这就像下面的图表。

我创建了以下谷歌应用程序脚本代码。但是，它不起作用

函数createSample（）{
var data=Charts.newDataTable（）
.addColumn（Charts.ColumnType.STRING，“日期”）
.addColumn（Charts.ColumnType.TIMEOFDAY，“A”）//谷歌应用程序脚本中未定义TIMEOFDAY
.addColumn（Charts.ColumnType.TIMEOFDAY，“B”）//谷歌应用程序脚本中未定义TIMEOFDAY
.addRow（[“2/22”、[10,00,00]、[10,00,00]）
.addRow（[“2/23”、[8,00,00]、[8,00,00]）
.addRow（[“2/24”，[5,00,00]，[5,00,00]]
.build（）；
var chart=Charts.newColumnChart（）
.setDataTable（数据）
.setStacked（）
.build（）；

}
使用谷歌可视化API绘制图表

一般事务：

html:


load（'current'，{'packages'：['corechart'，'bar']}）；
函数createSample（）{
var data=new google.visualization.DataTable（）；
data.addColumn（“日期”，“日期”）；
data.addColumn（'timeofday'，“A”）；
data.addColumn（'timeofday'，B'）；
数据。addRow（[新日期（2020,2,22），[22,00,00]，[22,00,00]）；
addRow数据（[新日期（2020,2,23），[20,00,00]，[20,00,00]]）；
addRow数据（[新日期（2020,2,24），[17,00,00]，[17,00,00]]）；
变量选项={
标题：“柱状图”，
宽度：600，
身高：400，
条：{groupWidth:'75%}，
伊斯塔克德：是的
};
var chart=newgoogle.visualization.ColumnChart（document.getElementById（'cht'））；
图表绘制（数据、选项）
}

如果您使用的是html图表，为什么不在侧边栏中使用html呢？ColumnType有
DATE
、
NUMBER
和
STRING
。不幸的是，这样看来，
TIMEOFDAY
of无法使用。作为一种解决方法，使用谷歌应用程序脚本怎么样？在这种情况下，我认为结果图像与问题中的图像相似。如果这不是你想要的方向，我道歉。 
function showChartDialog() {
  var ui=HtmlService.createHtmlOutputFromFile('ah2').setHeight(500).setWidth(500);
  SpreadsheetApp.getUi().showModelessDialog(ui, 'Chart')
}

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script>google.charts.load('current', {'packages':['corechart','bar']});</script>
  </head>
  <body>
  <div id="cht"></div><input type="button" value="Draw" onClick="createSample();" />
  <script>
    function createSample(){
      var data = new google.visualization.DataTable();
      data.addColumn('date', "Date");
      data.addColumn('timeofday', "A"); 
      data.addColumn('timeofday', "B"); 
      data.addRow([new Date(2020,2,22),[22,00,00],[22,00,00]]);
      data.addRow([new Date(2020,2,23),[20,00,00],[20,00,00]]);
      data.addRow([new Date(2020,2,24),[17,00,00],[17,00,00]]);
      var options = {
        title: 'Column Chart',
        width: 600,
        height: 400,
        bar: { groupWidth: '75%' },
        isStacked: true
        };
      var chart=new google.visualization.ColumnChart(document.getElementById('cht'));
      chart.draw(data,options)
    }
  </script>
  </body>
</html>