使用 google app 脚本从查询中创建表答案

【问题标题】：Creating a table using google app script from a query使用 google app 脚本从查询中创建表
【发布时间】：2014-10-19 02:52:13
【问题描述】：

我已经能够通过查询我拥有的谷歌表成功地创建谷歌图表。我试图通过查询同一个谷歌表来创建一个表，但我没有得到任何结果。我知道我做错了什么，但我不确定它是什么：/ 下面是代码：

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function drawTable() {
  var query = new google.visualization.Query(
      'https://docs.google.com/spreadsheet/ccc?key=1ZxBkX5lTidV2LJvSJYjBQfILF3PlIYjeNgDqsHZoMqo&tq=select%20D%2C%20S%2C%20T%2C%20U%20where%20D%3C%3E%22Avatar%22');

  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }

  var data = response.getDataTable();
  var table = new google.visualization.Table(document.getElementById('table_div'));

var options = {'title':'Bass Naming',
                 'width':'927',
                 'height':'510'};

table.draw(data, options);
}
</script>

<title>Data from a Spreadsheet</title>
</head>

<body>
<span id='columnchart'></span>
</body>
</html>

【问题讨论】：

标签： google-apps-script google-query-language

【解决方案1】：

var 表 = 新 google.visualization.Table(document.getElementById('table_div'));

您的 html 代码中没有任何带有 id="table_div" 的元素，因此您不会在页面中看到您的数据表。

检查您浏览器的 javascript 控制台，了解您的页面中可能存在的任何其他错误。

此外，此代码是来自一般基本 html 应用程序，还是来自 Google Apps 脚本项目中的 HTML 文件，由 HTMLService 提供服务器？只是因为沙盒限制和 Caja 清理，GAS HTML 服务并不总是能很好地与 Google Visualization API 配合使用。

【讨论】：

好的。知道如何解决吗？我不是一个真正的网络开发人员，我只是将一些东西拼凑在一起，直到它按照我想要的方式工作。我使用的是 Wix 页面，所以它是某种可以放置在页面上的 HTML 小部件。我的其他图表工作得很好，但我正在尝试转换我的图表代码，以便它显示一个表格。
对于初学者，请将您的 <span id="columnchart"></span> 更改为 <div id="table_div"></div>。看看这是否会使您的表格图表出现。如果没有，我们需要深入挖掘。
谢谢...修复了它:) 我真的很感激你的帮助（我的学生也是如此）。