文章/答案/技术大牛

发布

社区首页 >问答首页 >谷歌图表-使用Spreadhseet不解析

问谷歌图表-使用Spreadhseet不解析
EN

Stack Overflow用户

提问于 2016-02-25 04:06:12

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

使用来自google的教程，将电子表格用作图表的数据，我创建了以下内容。教程

<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load('current', {packages: ['corechart']});
    google.charts.setOnLoadCallback(drawChart);


    function drawSheetName() {
  var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/15l3ZK45hv2ByOfkUiAKoKp-Z9a1u1-Q_rsLS7SqC51E/editgid=0&headers=1');
  query.send(handleQueryResponse);
}

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

    var data = response.getDataTable();
      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(data, { height: 400 });
    }
      }}


  </script>
</head>
<body>
<!-- Identify where the chart should be drawn. -->

<div id="chart_div"/>
</body>

但是没有图表解决，我已经公开了链接。如果我共享这个链接，它就是RsLS7SqC51E/编辑?usp=共享

跟踪文档，但不确定我的错误在哪里。

这个所以答案更多关于驱动器-sdk创建一个脚本从一个新的文件，我并不真正理解它和核如何才能获得现有电子表格正确的网址。

如果有一个综合的答案，获得正确的单张URL的话，那就太好了。

charts

google-apps-script

google-sheets

google-visualization

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-25 11:51:13

这是你想要达到的目标吗？

如果是，您可以检查它是如何工作的这里。

编辑

由于我在注释中注意到，您希望查询电子表格，而不是使用整个电子表格，这是查询的逻辑。

首先，这些是要查询的url的基本组件：

var BASE_URL = "https://docs.google.com/a/google.com/spreadsheets/d/";
var SS_KEY = "stringSS_Key";
var BASE_QUERY = "/gviz/tq?tq=";
var partialUrl = BASE_URL + SS_KEY + BASE_QUERY;

注意BASE_QUERY变量

url的第一个位在partialUrl变量中。然后，你需要使用谷歌提供的查询语言。一个例子是：

var queryToRun = 'select dept, sum(salary) group by dept';

然后，您需要对其调用encodeURIComponent()，并将其添加到部分URL中。最后的URL就变成

var finalUrl = partialUrl + encodeURIComponent(queryToRun);

只有这样，您才能像我所怀疑的那样运行google.visualiation.query。

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

票数 2

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

原文链接：

https://stackoverflow.com/questions/35618102

复制

相似问题

问谷歌图表-使用Spreadhseet不解析
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌图表-使用Spreadhseet不解析EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌图表-使用Spreadhseet不解析
EN