Google Analytics Embed API 图表未呈现答案

【问题标题】：Google Analytic Embed API chart isn't renderedGoogle Analytics Embed API 图表未呈现
【发布时间】：2015-02-27 08:51:53
【问题描述】：

我正在尝试使用 Google Analytic Embed API (https://developers.google.com/analytics/devguides/reporting/embed/v1/component-reference#datachart) 创建图表。身份验证工作正常，但图表未呈现。

这是我的代码：

<html>
...
<body>


<script>
(function(w,d,s,g,js,fjs){
  g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(cb){this.q.push(cb)}};
  js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
  js.src='https://apis.google.com/js/platform.js';
  fjs.parentNode.insertBefore(js,fjs);js.onload=function(){g.load('analytics')};
}(window,document,'script'));
</script>

<script>
gapi.analytics.ready(function() {


  var CLIENT_ID = '[client id, which I removed for this purpose]';

  gapi.analytics.auth.authorize({
    container: 'auth-button',
    clientid: CLIENT_ID,
  });


var chart = new gapi.analytics.googleCharts.DataChart({
  query: {
    'ids': 'ga: [profile id, removed]',
    'metrics': 'ga:sessions',
    'dimensions': 'ga:date',
   'start-date': '30daysAgo',
      'end-date': 'yesterday',

  },
  chart: {
    'type': 'LINE',
    'container': 'line-chart',
    'options': {
      'title': 'Test report',
      }
  }
});

chart.on('success', function(response) {
   response.chart

});

chart.execute();

});

</script>
                    <div id="auth-button"></div>
                    <div id="line-chart" style='width:100%;height:300px;'></div>

</body>
</html>

如果有人可以查看代码并帮助我，我将不胜感激。

提前致谢

克里斯

【问题讨论】：

标签： javascript google-analytics google-analytics-api

【解决方案1】：

当我使用我的客户端 ID 和视图 ID 时，您的确切代码对我来说很好。

这让我相信您没有正确设置客户端 ID，在这种情况下，您应该在开发者控制台中收到 JavaScript 错误。你看过那里吗？最可能的问题是您没有设置正确的来源。

【讨论】：

谢谢！我的客户 ID 是正确的，我没有看到 JavaScript 错误。您的视图 ID 是什么样的？我使用了 "'ids': ga 'UA-XXX-1' (见上文) 并想知道这是否是错误？再次感谢您的帮助 - 希望我能解决这个问题...
这不是引用ids 属性的正确方法。我建议看一下Account Explorer 工具；它可以帮助您确定在哪个用例中使用哪个 ID。
再次感谢！真的很奇怪 - 我在将其更改为“UA - xxxx”之前使用了正确的 ID（这是配置文件 ID） - 现在只是改回了正确的 ID。尽管如此，它还是行不通。您能帮我一个忙并在此处发布（部分）您的代码吗？我不知道为什么没有呈现图表，因为我上面的代码似乎是正确的（也如你所说）。再次感谢您的帮助！
非常感谢您的帮助！
不客气。如果我帮助了你，你应该接受这个答案。