Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google visualization 除非工作表被访问,否则谷歌图表不会显示来自谷歌工作表的信息_Google Visualization_Google Sheets - Fatal编程技术网

Google visualization 除非工作表被访问,否则谷歌图表不会显示来自谷歌工作表的信息

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和谷歌的查询语言从表格中提取信息(2列…每个学生的学生编号和分数)。如果我在某一天编辑过电子表格,图表会正确显示,但如果我那天没有编辑,那么它会显示错误的分数值或旧的分数值。我想这和床单有关,但我不能确定

以下是我网站上的HTML代码:

<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手动访问表格时,图表工作正常。(续)图表中的确切错误信息是“给定轴上的所有系列必须具有相同的数据类型”。