Google图表/ Spreedcheat:在工作表中指定标签

时间:2017-06-16 14:21:17

标签: javascript google-visualization

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

我在Google表格中有两个不同的表格,想要绘制两个不同的图表。我是否需要使用两个不同的表格或标签分隔数据?

1 个答案:

答案 0 :(得分:1)

这里有几个选项...

1)

表格可以存在于同一张表格/标签上......

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

e.g。您可以使用列A来识别表号,
然后只选择该表中的行...

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>
&#13;
&#13;
&#13;

2)

您可以指定要在查询中使用的工作表,
甚至是特定范围的细胞...

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

sheet=Sheet1

range=B1:C10

e.g。

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

请参阅以下工作代码段...

&#13;
&#13;
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']
});
&#13;
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table_div"></div>
&#13;
&#13;
&#13;