Google可视化图表数据范围

Question

我有这个代码，

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", '1', {packages:['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var query = new google.visualization.Query(
      'https://docs.google.com/spreadsheets/d/1ntnhvfMhYtFNwFjkoKu8cUZOQPCaT5_U1Z6piB_w0-E/edit#gid=0');
  query.setQuery('order by A');
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }

  var options = {
          title: 'TEMP & HUMID',
    hAxis: {
        direction: -1
        },
    legend: 'none'

      };

  var data = response.getDataTable();
  var chart = new google.visualization.LineChart(document.getElementById('columnchart'));
  chart.draw(data, options);
}
</script>

<title>Data from a Spreadsheet</title>
</head>

<body>
    <div id="columnchart" style="width: 900px; height: 500px"></div>
</body>
</html>

这是我的电子表格数据：https://docs.google.com/spreadsheets/d/1ntnhvfMhYtFNwFjkoKu8cUZOQPCaT5_U1Z6piB_w0-E

我想做的是绘制最后 5 个数据。 即我的电子表格中的第 8 - 12 行。

我尝试了限制和范围查询，但我想做的是，如果有新数据进来，我希望图表引用更新的最后 5 个数据 即）第 9 -13 行

我怎样才能做到这一点？

Answer 1

我不知道这是否是最佳方法，但我已经解决了。

因此，在绘制 table 之前，我实际上以 JSON 格式调用电子表格并检索其列长度。

然后我用要显示的数据数减去列长度（限制查询），这将给我开始的偏移量。

然后我用limit和offset的值制作了一个字符串来将查询选项传递给query.setQuery。

这是该部分的代码。

function drawChart() {
  var query = new google.visualization.Query(
      'https://docs.google.com/spreadsheets/d/1NSEbUWojJsMzhH0hi8kx8ic7Xxuq29z0c7BXs-inzb8/edit#gid=0');
    $.getJSON("https://spreadsheets.google.com/feeds/list/1NSEbUWojJsMzhH0hi8kx8ic7Xxuq29z0c7BXs-inzb8/od6/public/basic?hl=en_US&alt=json", function(data) {
    colLen = data.feed.entry.length;
    console.log(colLen);
    limit = 4;
    var offset = colLen - limit;
    console.log(offset);
    queryOption = "limit "+limit+" offset "+offset;
    console.log(queryOption);

    query.setQuery(queryOption);
    query.send(handleQueryResponse);
    });
}

Google可视化图表数据范围

Google Visualization Chart Data Range

charts

google-visualization