使用查询中的Google App脚本创建表格

时间:2014-10-19 02:52:14

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

我已成功通过查询我拥有的Google表格来创建谷歌图表。我正在尝试通过查询相同的谷歌表创建一个表,但我没有得到任何结果。我知道我做错了什么,但我不确定它是什么:/这是下面的代码:

<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>

1 个答案:

答案 0 :(得分:2)

  

var table = new   google.visualization.Table(的document.getElementById(&#39; table_div&#39;));

您的html代码中没有id="table_div"的任何元素,因此您无法看到页面中显示的数据表。

检查浏览器的javascript控制台,查看您网页中可能出现的任何其他错误。

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