(자바 스크립트)는 구글 차트 내 코드 내에서

을 사용하게 될 행과 열을위한 관련 구글 시트를 조회하는 SELECT 기능을 사용하여

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

그러나 오류가 구문이 잘못되었다고 말하는납니다 : SQL은 그 사실을 염두에와 있으므로, 나는 다음과 같은 쿼리를 사용하여 다른 시트에서 데이터를 선택하는 시도, 내가 사용하고 있습니다. 아래의 코드에 배치 구문로부터이 차트 자체에 대한 코드가 완벽하게 표시

<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

당신은 쿼리 문자열에 "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

(자바 스크립트)는 구글 차트 내 코드 내에서

답변

관련 문제