javascript - 使用 Google Analytics API 的面积图 - 未捕获的类型错误无法读取未定义的 'libraries'

Question

我正在使用 Google Analytics Embed API 在我们的网站上放置自定义分析。我已经在我们的网站上成功授权了 API，并创建了许多折线图和饼图。我现在正在尝试制作一个面积图来显示一些数据，但我一直收到同样的错误，我不确定为什么。我得到的错误是:

Uncaught TypeError: Cannot read property 'libraries' of undefined

根据我的理解，undefined 通常意味着缺少某些东西，在这种情况下，我认为是 libraries。然而，我不确定如何或为什么。

我正在使用以下方式加载 API:

<script async src="https://www.google-analytics.com/analytics.js"></script>

我创建面积图的脚本如下:

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

gapi.analytics.ready(function() {

  /**
   * Authorize the user with an access token obtained server side.
   */
  gapi.analytics.auth.authorize({
    'serverAuth': {
      'access_token': '##############################################'
    }
  });


var primaryChart = new gapi.analytics.googleCharts.DataChart({
    query: {
      ids: 'ga:79361233',
      metrics: 'ga:sessions',
      dimensions: 'ga:browser',
      'start-date': '2016-04-04',
      'end-date': '2016-05-03'
    },
    chart: {
      container: 'primaryChart',
      type: 'AREA',
      options: {
        isStacked: true,
        width: '100%',
        height: '200',
        tooltip: {
            trigger: 'focus'
        }
      }
    }
  });
  primaryChart.execute();

});
</script>

我对折线图和饼图使用相同的设置，它们只是分别使用 LINE 或 PIE 作为它们在 chart 部分中的type 参数。然而，那些工作。我进行了搜索，除了 Google 的 Chart API 中的信息外，我很难找到任何其他信息，因为我直接查询 Analytics API，它与我使用的设置略有不同。

感谢任何帮助。

Answer 1

根据:Built-in Components Referencechart.type 唯一支持的值是:LINE、COLUMN、BAR、TABLE 和 GEO请注意，值区分大小写，即使您拼写正确也是如此。