Google visualization 除非工作表被访问,否则谷歌图表不会显示来自谷歌工作表的信息
我有一堆表格,用来储存我的学生在几节课上的分数。在我的网站上,我使用HTML和谷歌的查询语言从表格中提取信息(2列…每个学生的学生编号和分数)。如果我在某一天编辑过电子表格,图表会正确显示,但如果我那天没有编辑,那么它会显示错误的分数值或旧的分数值。我想这和床单有关,但我不能确定 以下是我网站上的HTML代码:Google visualization 除非工作表被访问,否则谷歌图表不会显示来自谷歌工作表的信息,google-visualization,google-sheets,Google Visualization,Google Sheets,我有一堆表格,用来储存我的学生在几节课上的分数。在我的网站上,我使用HTML和谷歌的查询语言从表格中提取信息(2列…每个学生的学生编号和分数)。如果我在某一天编辑过电子表格,图表会正确显示,但如果我那天没有编辑,那么它会显示错误的分数值或旧的分数值。我想这和床单有关,但我不能确定 以下是我网站上的HTML代码: <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", '1', {packages:['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var query = new google.visualization.Query(
'https://docs.google.com/spreadsheet/ccc?key=14mPTcYYraMyuBnEFSJW74ZQ3xjWSSOuDqoxB2VrvAvw&tq=select%20D%2C%20E%20where%20D%3C%3E%22Avatar%22%20order%20by%20E%20desc%20label%20E%20%22Experience%20Points%22');
query.send(handleQueryResponse);
}
function handleQueryResponse(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
return;
}
var data = response.getDataTable();
var chart = new google.visualization.ColumnChart(document.getElementById('columnchart'));
var options = {'title':'Experience Points',
'width':'927',
'height':'510',
'chartArea': {'left':'50', 'width':'90%'},
legend: { position: 'top', maxLines: 2 },
hAxis: {showTextEvery: 1, slantedText: true, slantedTextAngle: 90, viewWindow:{max:33}},
bar:{groupWidth: '60%'},
isStacked: true};
chart.draw(data, options);
}
</script>
<title>Data from a Spreadsheet</title>
</head>
<body>
<span id='columnchart'></span>
</body>
</html>
load(“可视化”、'1',{packages:['corechart']});
setOnLoadCallback(drawChart);
函数绘图图(){
var query=new google.visualization.query(
'https://docs.google.com/spreadsheet/ccc?key=14mPTcYYraMyuBnEFSJW74ZQ3xjWSSOuDqoxB2VrvAvw&tq=select%20D%2C%20E%20where%20D%3C%3E%22Avatar%22%20order%20by%20E%20desc%20label%20E%20%22Experience%20Points%22');
发送(handleQueryResponse);
}
函数handleQueryResponse(响应){
if(response.isError()){
警报('查询中的错误:'+response.getMessage()+'+response.getDetailedMessage());
回来
}
var data=response.getDataTable();
var chart=new google.visualization.ColumnChart(document.getElementById('ColumnChart');
var options={'title':'Experience Points',
“宽度”:“927”,
‘高度’:‘510’,
'chartArea':{'left':'50','width':'90%},
图例:{位置:'top',最大线:2},
hAxis:{showTextEvery:1,slidedtext:true,slidedtextangle:90,viewWindow:{max:33},
条:{groupWidth:'60%},
isStacked:true};
图表绘制(数据、选项);
}
来自电子表格的数据
有什么想法吗?顺便说一句,工作表的设置是为了让互联网上的任何人都可以找到和查看。这里有一个类似的问题:我有一个谷歌工作表,它通过一系列列为HTML页面中的谷歌图表提供数据。图纸中的列是根据其他列计算的。当Google图表访问Google工作表已经过了几个小时后,图表会抱怨工作表的格式。然后,当我通过Google Drive手动访问表格时,图表工作正常。(续)图表中的确切错误信息是“给定轴上的所有系列必须具有相同的数据类型”。