如何查询谷歌电子表格以创建谷歌图表[关闭]答案

【问题标题】：How to query google spreadsheet to create a google charts [closed]如何查询谷歌电子表格以创建谷歌图表[关闭]
【发布时间】：2017-06-09 03:40:47
【问题描述】：

我想创建一个简单的网络应用程序来查询我的谷歌电子表格并制作匹配查询的柱形图。我可以从我的电子表格 [like this][1] 中制作一个柱形图，它显然绘制了整个工作表。我想在同一页面上放置一个搜索框来查询我的电子表格的第一列。最后我想用我的匹配结果制作图表。谢谢。

  [1]: https://jsfiddle.net/prp291/cLrze1bj/

【问题讨论】：

check this answer 使用表格图表，可以轻松更改为任何其他...
感谢您的 cmets。我已根据我的要求对其进行了调整，但我无法弄清楚如何绘制图表。你能帮我吗。 jsfiddle.net/prp291/z7ahgt3v

标签： google-sheets google-api google-visualization

【解决方案1】：

更改了表格图表...

google.visualization.Table

到...

google.visualization.ColumnChart

以及来自...的包

packages:['table']

到...

packages:['corechart']

请参阅以下工作 sn-p...

 
  google.charts.load('current', {
   callback: function () {
   document.getElementById('Search').addEventListener('click', searchSheet, false);
   searchSheet();

    function searchSheet() {
      searchText = document.getElementById('Name').value;

      var queryWORK = new google.visualization.Query('https://docs.google.com/spreadsheet/ccc?key=1y5MgFR67kn1-GHbmeIi6wuC5hmP10x4O8vAs5RWD8Sw&sheet=QUERY');
      
if (searchText !== '') {
        queryWORK.setQuery('select * where A = "' + searchText + '"');
      }

      queryWORK.send(function (response) {
        if (response.isError()) {
          console.log('Error in ID Validation Query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
          return;
        }

        var datatable = response.getDataTable();
        for (var i = 0; i < datatable.getNumberOfColumns(); i++) 

        var chart = new google.visualization.ColumnChart(document.getElementById('table_div'));
        chart.draw(datatable);
      });
    }
  },
  packages:['corechart']
});

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


<div><label for="Name">Enter Name: </label><input id="Name" type="text" value="Search box" /></div>
<div><input id="Search" type="button" value="Search" /></div>
<div id="table_div"></div>

【讨论】：

谢谢。你太棒了:)
我最初只想加载搜索框而不是图形参数。是否可以？谢谢。

【解决方案2】：

从 Google 表格电子表格构建基于网络的图表的一种方法是使用 RGraph 连接器。这样您就可以将数据直接导入您的网页并用它制作图表（这是 canvas 文档页面，但它同样适用于 SVG 图表）：

https://www.rgraph.net/canvas/docs/import-data-from-google-sheets.html

【讨论】：

感谢您的回答。实际上，我有兴趣构建一个 Web 应用程序来查询电子表格并根据结果制作图表。但是您的解决方案似乎缺少查询部分。
它可以获取单元格/行/列，但不像 SQL 查询。