Googleのチャートのために私のコードでGoogleのチャートAPI内の複数枚（Javascriptの）

を使用して、私はGoogleのチャートのために私のコードでGoogleのチャートAPI内の複数枚（Javascriptの）

を使用する行と列のために関連付けられているGoogleのシートを照会するSELECT関数を使用して、私は、クエリを信じます私が使用していますこの事実を念頭に置いた場合、私は別のシートからデータを選択しようとするために、次のクエリを使用して、SQLです：

SELECT A, B, C, D 
FROM 'Sheet 2'

しかしエラーは構文が間違っていると言ってアップします。以下のコードの中に入れ構文からのNOがあり、チャート自体、ためのコードは、完全に表示されます。

<head> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<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/1oKxlfCjcvjCzGh8fpTX3ax7qWbWA2uVVQgk-jzOWX3k/edit?usp=sharing'); 
      query.setQuery('SELECT A, B, C, D FROM "Sheet 2"'); 
      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++) { 
      } 
      var chart = new google.visualization.ColumnChart(document.getElementById('columnchart')); 
      chart.draw(data); 
     }   
     </script> 
</head> 
    <body> 
    <div id='columnchart'></div> 
    </body>

ない場合は、構文FROM、その後、あなたが作成するこの方法を使用してmutlipleシートをどのように定義しますか図表？

出典

2017-12-20 Ben Cranmer

あなたはのqueryStringに "GID = 838232320" としてあなたのシートを設定しないでください。

//google.load("visualization", '1', {packages:['corechart', 'bar']}); 
 
google.load('visualization', '1.0', {'packages':['corechart'], 'callback': drawChart}); 
 
google.setOnLoadCallback(drawChart); 
 

 

 
function drawChart() { 
 
    console.log("drawChart: Init"); 
 
var queryString = encodeURIComponent('SELECT A, B, C, D'); 
 
var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1oKxlfCjcvjCzGh8fpTX3ax7qWbWA2uVVQgk-jzOWX3k/gviz/tq?gid=838232320&headers=1&tq=' + queryString); 
 
    
 
    // Apply query language statement. 
 
// query.setQuery('SELECT A, B, C, D FROM "Sheet 2"'); 
 
    
 
    // Send the query with a callback function. 
 
    query.send(handleQueryResponse); 
 
} 
 

 
function handleQueryResponse(response) { 
 
    console.log("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++) { 
 
    } 
 
    var chart = new google.visualization.ColumnChart(document.getElementById('columnchart')); 
 
    chart.draw(data); 
 
}

<div id='columnchart'></div> 
 

 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

出典

2017-12-20 12:02:04

Googleのチャートのために私のコードでGoogleのチャートAPI内の複数枚（Javascriptの）

答えて

関連する問題