在Google Chart API（JavaScript）中使用多個工作表

Question

在我的Google圖表代碼中，我使用SELECT函數查詢關聯的Google表格以獲取要使用的行和列

我相信我使用的查詢是SQL，因此考慮到這一事實，我使用以下查詢嘗試從另一張表中選擇數據：

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

但是出現錯誤，說明語法不正確。 以下是圖表本身的代碼，當代碼中未包含FROM語法時，該代碼將完美顯示：

<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語法，那么您將如何使用這種創建圖表的方法來定義多重表？

Answer 1

您應該將工作表設置為“ gid = 838232320”，而不是在queryString中：

 //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>

在Google Chart API（JavaScript）中使用多個工作表

問題描述

1 個解決方案

解決方案1
0 2017-12-20 12:02:04

在Google Chart API（JavaScript）中使用多個工作表

問題描述

1 個解決方案

解決方案1 0 2017-12-20 12:02:04

解決方案1
0 2017-12-20 12:02:04