Google apps script 一个谷歌电子表格中的多个谷歌图表仅显示一个图表

Google apps script 一个谷歌电子表格中的多个谷歌图表仅显示一个图表,google-apps-script,google-visualization,Google Apps Script,Google Visualization,当我以前使用GoogleCharts时,我可以使用一个脚本标记一次插入一个图表,所以我会为每个GoogleChart分别使用一个脚本标记。下面是一个例子: 最近,我一直在努力用使用谷歌电子表格数据表的图表替换这些图表。然而,当对这些图表使用相同的想法时,出现了一个问题,它们似乎出现了,几乎就好像一个图表正在取代另一个图表 我有一种感觉,它与setOnLoadCallBack函数有关,但我不确定,因为它在以前的设置中起作用。我附上了下面第二组图表的中间部分: 以下是我正在使用的新图表模板的模板

当我以前使用GoogleCharts时,我可以使用一个脚本标记一次插入一个图表,所以我会为每个GoogleChart分别使用一个脚本标记。下面是一个例子:

最近,我一直在努力用使用谷歌电子表格数据表的图表替换这些图表。然而,当对这些图表使用相同的想法时,出现了一个问题,它们似乎出现了,几乎就好像一个图表正在取代另一个图表

我有一种感觉,它与setOnLoadCallBack函数有关,但我不确定,因为它在以前的设置中起作用。我附上了下面第二组图表的中间部分:

以下是我正在使用的新图表模板的模板,仅供参考:

<script>
    google.load("visualization", '1', {packages:['corechart', 'bar']});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var query = new google.visualization.Query(
              'https://docs.google.com/spreadsheets/d/1Fp3iz5zmzF4KgnlF4Me4OA3c8Msu0FV4_x1eS16WN-0/edit?usp=sharing');
            query.setQuery('SELECT A, B, C, D');
          query.send(handleQueryResponse);
        }

        function handleQueryResponse(response) {
          if (response.isError()) {
            alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
            return;
          }

          var data = response.getDataTable();
            for (var i = 0; i < data.getNumberOfColumns(); i++) {
                console.log(data.getColumnType(i));
            }
          var chart = new google.visualization.ColumnChart(document.getElementById('columnchart'));
          chart.draw(data);
        }
        </script>

load(“可视化”、'1',{packages:['corechart','bar']});
setOnLoadCallback(drawChart);
函数绘图图(){
var query=new google.visualization.query(
'https://docs.google.com/spreadsheets/d/1Fp3iz5zmzF4KgnlF4Me4OA3c8Msu0FV4_x1eS16WN-0/edit?usp=sharing');
setQuery('selecta,B,C,D');
发送(handleQueryResponse);
}
函数handleQueryResponse(响应){
if(response.isError()){
警报('查询中的错误:'+response.getMessage()+'+response.getDetailedMessage());
返回;
}
var data=response.getDataTable();
对于(var i=0;i
第二个图表使用相同的函数名。请参阅以下代码


load(“可视化”、'1',{packages:['corechart','bar']});
setOnLoadCallback(drawChart);
setOnLoadCallback(drawChart_1);
函数绘图图(){
var query=new google.visualization.query(
'https://docs.google.com/spreadsheets/d/1Fp3iz5zmzF4KgnlF4Me4OA3c8Msu0FV4_x1eS16WN-0/edit?usp=sharing');
setQuery('selecta,B,C,D');
发送(handleQueryResponse);
}
函数handleQueryResponse(响应){
if(response.isError()){
警报('查询中的错误:'+response.getMessage()+'+response.getDetailedMessage());
返回;
}
var data=response.getDataTable();
对于(var i=0;i