Javascript 谷歌图表与电子表格_Javascript_Html_Google Apps Script_Google Sheets_Google Fusion Tables

Javascript 谷歌图表与电子表格

javascript html google-apps-script google-sheets

Javascript 谷歌图表与电子表格,javascript,html,google-apps-script,google-sheets,google-fusion-tables,Javascript,Html,Google Apps Script,Google Sheets,Google Fusion Tables,如何使用谷歌电子表格中的数据制作谷歌图表？我尝试了下面链接的例子，但对我来说不起作用。我想把图表放到一个网站，把代码放在html中。我想主要使用饼图，但希望能够使用其他图表选项，如条形图和油炸圈饼图。我找到的所有信息都没有显示如何从google电子表格或fusion表中获取数据我尝试在网站中插入图表时使用的代码： <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" conten

如何使用谷歌电子表格中的数据制作谷歌图表？我尝试了下面链接的例子，但对我来说不起作用。我想把图表放到一个网站，把代码放在html中。我想主要使用饼图，但希望能够使用其他图表选项，如条形图和油炸圈饼图。我找到的所有信息都没有显示如何从google电子表格或fusion表中获取数据

我尝试在网站中插入图表时使用的代码：

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Excel Pull Test</title>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    function drawSheetName() {
    var queryString = encodeURIComponent('SELECT A, H, O, Q, R, U LIMIT 5 OFFSET 8');

    var query = new google.visualization.Query(
    'https://docs.google.com/spreadsheets/d/1_2QRYLFsUqr6tAri8HWx9QArWclkbzmgfjLYO0Bnosg/edit?usp=sharing' + queryString);
      query.send(handleSampleDataQueryResponse);
    }

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

    var chart = new     google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
  </script>
</head>

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

我没有收到任何错误。当我在broswer中加载包含此代码的页面时，它是完全空白的。关于这个问题的一些想法是，它可能没有正确地从谷歌电子表格中提取代码。我已将电子表格权限设置为任何具有链接的人都可以查看。我使用的代码设置为将信息显示为表格，而不是饼图或其他任何形式。我也没有完全理解查询字符串。我试图选择的范围是A1:B7，第1行是标题行。我没有从原始脚本中更改它，只是从一个示例中添加了围绕它的html。

您收到的是一个空响应，因为您的数据变量在函数handleSampleDataQueryResponseresponse中未定义。试着做一些类似的事情：

var data=response.getDataTable

如前所示。绘制。这将用所需的数据填充图表。

问题在于没有加载Google Visualization API，没有设置加载后运行的回调，并且没有识别数据变量

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Excel Pull Test</title>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">

  google.load('visualization', '1.0', {'packages':['corechart']});

  google.setOnLoadCallback(drawSheetName);

   function drawSheetName() {
      var queryString = encodeURIComponent('SELECT A:B7');

      var query = new google.visualization.Query(
      'https://docs.google.com/spreadsheets/d/1_2QRYLFsUqr6tAri8HWx9QArWclkbzmgfjLYO0Bnosg/edit#gid=0&headers=1&tq=' + queryString);
      query.send(handleSampleDataQueryResponse);
    }

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

      var data = response.getDataTable();
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, { height: 400 });
    }
  </script>
</head>

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

包括关于哪些不起作用的详细信息。确保您正确配置权限。除了Zig所说的，您是否有任何错误？如果是，请包括这些信息，让我们更好地了解哪些可能不起作用。我没有收到任何错误，页面上没有显示任何内容。我假设它没有正确地从谷歌电子表格中提取数据。我已将电子表格权限设置为任何具有链接的人都可以查看。