1

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

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

1 回答 1

2

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

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

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

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

于 2014-10-20T05:14:03.187 回答