2014-10-19 28 views
1

我已经成功地通过查询我有的谷歌表来创建谷歌图表。我试图通过查询相同的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> 

回答

2

无功表=新 google.visualization.Table(的document.getElementById(” table_div'));

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

检查您的浏览器的JavaScript控制台是否存在您的页面中可能存在的任何其他错误。

此外,这是来自一般基本html应用程序的代码,还是来自HTMLService脚本项目中的HTML文件,HTMLService服务器的代码?只是因为沙盒限制和Caja消毒,GAS HTML服务并不总是与Google Visualization API配合良好。

+0

好的。任何想法如何解决它?我不是一个真正的Web开发人员,我只是一种破解的东西,直到它按照我希望的方式工作。 我使用的是Wix页面,所以它是某种可以放在页面上的HTML小部件。我的其他图表工作得很好,但我试图转换我的图表代码,以便它显示一个表。 – 02fentym 2014-10-21 13:16:46

+1

对于初学者,请将您的''更改为'

'。看看是否让你的表格图表出现。如果不是,我们需要深入挖掘。 – azawaza 2014-10-27 23:38:59

+0

谢谢......修复了它:)我真的很感谢帮助,(我的学生也是如此)。 – 02fentym 2014-10-29 02:42:48

相关问题