我已成功通过查询我拥有的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>
答案 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配合使用。