文章/答案/技术大牛

发布

社区首页 >问答首页 >Google可视化图表数据范围

问Google可视化图表数据范围
EN

Stack Overflow用户

提问于 2015-02-16 04:38:28

回答 1查看 214关注 0票数 0

我有这个密码，

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

这是我的电子表格数据：w0-E

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

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

我怎样才能做到这一点？

charts

google-visualization

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-16 06:41:06

我不知道这是不是最好的方法，但我想出了办法。

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

然后，我根据想要显示的数据数量(限制查询)减去列长度，这将使我开始使用偏移量。

然后，我用限值和偏移量创建了一个字符串，将查询选项传递给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);
    });
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28534610

复制

相似问题

问Google可视化图表数据范围
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google可视化图表数据范围EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google可视化图表数据范围
EN