googleスプレッドシートを照会してGoogleグラフサービスのデータテーブルを作成する方法

Question

Googleスプレッドシートを照会して、Googleグラフサービスのデータテーブルを構築しようとしています。究極の目標は、複数のスプレッドシートのグラフをHTMLサービスのあるページに配置することです。

function initialize() { 
     var opts = {sendMethod: 'auto'}; 
     var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1LFhcZ5_vdghyWhuDNpnp__x2FcA_aUEIvFWOasRvEaA/edit#gid=0', opts); 
     query.setQuery('select A, select B'); 
     query.send(handleQueryResponse); 
     } 

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

     var options = {'title':'How Much Pizza I Ate Last Night', 
         'width':400, 
         'height':300}; 
     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 

データテーブルを.addRowsと.addColumnで手動で作成すると、正常に動作します。私はこれが何とか私のクエリからデータテーブルを取得していないことを意味すると思います。なぜ私は考えていない。助言がありますか？

Answer 1

"SELECT文" でなければなりません...

select A, B

対

select A, select B

スニペットを作業は、以下を参照してください...

google.charts.load('current', { 
 
    'callback': initialize, 
 
    'packages': ['corechart'] 
 
}); 
 

 
function initialize() { 
 
    var opts = {sendMethod: 'auto'}; 
 
    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1LFhcZ5_vdghyWhuDNpnp__x2FcA_aUEIvFWOasRvEaA/edit#gid=0', opts); 
 
    query.setQuery('select A, B'); 
 
    query.send(handleQueryResponse); 
 
} 
 

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

 
    var options = { 
 
    'title': 'How Much Pizza I Ate Last Night', 
 
    'width': 400, 
 
    'height': 300 
 
    }; 
 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>