javascript - 谷歌图表/Spreedcheat : Specify tab in sheet

Question

我正在寻找一种方法来指定要使用工作表中的哪一行来绘制图表。

我的 Google 工作表中有两个不同的表格，想要绘制两个不同的图表。我需要用两个不同的工作表或选项卡分隔数据吗？

Answer 1

这里有几个选项...

1)

表格可以存在于同一个工作表/选项卡上...

您可以使用setQuery方法来选择特定的列和/或行

例如您可以使用A列来标识 table 编号，
然后仅选择该表中的行...

query.setQuery('select B,C where A = 1');

请参阅以下工作片段...

google.charts.load('current', {
  callback: function () {
    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1lmmpJs2Bz3EfQWExB4KXq_uJWoLlq1PMCahy6w4ipcE/gviz/tq?gid=942634171');

    query.setQuery('select B,C where A = 1');

    query.send(function (response) {
      if (response.isError()) {
        console.log('Error: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
      }

      var datatable = response.getDataTable();
      var chart = new google.visualization.Table(document.getElementById('table_div'));
      chart.draw(datatable);
    });
  },
  packages:['table']
});

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

<小时/>

2)

您可以指定在查询中使用哪个工作表，
甚至特定范围的细胞...

要指定，请在电子表格网址上使用以下参数...

sheet=Sheet1

range=B1:C10

例如

https://docs.google.com/spreadsheets/.../gviz/tq?sheet=Sheet1&range=B1:C10

请参阅以下工作片段...

google.charts.load('current', {
  callback: function () {
    var queryStr = 'https://docs.google.com/spreadsheets/d/1lmmpJs2Bz3EfQWExB4KXq_uJWoLlq1PMCahy6w4ipcE/gviz/tq?gid=942634171';

    // specify sheet / tab
    queryStr += '&sheet=Sheet1';

    // specify range of cells
    queryStr += '&range=B1:C10';

    var query = new google.visualization.Query(queryStr);

    query.send(function (response) {
      if (response.isError()) {
        console.log('Error: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
      }

      var datatable = response.getDataTable();
      var chart = new google.visualization.Table(document.getElementById('table_div'));
      chart.draw(datatable);
    });
  },
  packages:['table']
});

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