Question

我正在尝试通过Google的可视化折线图绘制图表。我希望该折线图基于我的Google Analytic网站统计信息。我该怎么做？

script type="text/javascript">
  google.load("visualization", "1", {packages:["linechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Traffic', 'eCPM'],
      ['2004',  i.e ga:pageviews stats...,      1.25],
      ['2005',  1170,      5.2],
      ['2006',  660,       7.5],
      ['2007',  1030,      4.3]
    ]);

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, {width: 400, height: 240, legend: 'bottom', title: 'Publisher Stats'});
  }
</script>

我该怎么做？我需要为此可视化图表添加什么来从我的Google Analytic中提取数据？要在我的图表上显示。

谢谢

Answer 1

您应该查看Embed API，它是为此目的而创建的。

以下是查询Google Analytics并呈现Google图表的示例代码：

var dataChart = new gapi.analytics.googleCharts.DataChart({
  query: {
    ids: 'ga:XXXX',
    metrics: 'ga:sessions',
    dimensions: 'ga:date',
    'start-date': '30daysAgo',
    'end-date': 'yesterday'
  },
  chart: {
    container: 'chart-container',
    type: 'LINE'
  }
});

dataChart.execute();

这个网站有一些很棒的Embed API演示： https://ga-dev-tools.appspot.com/embed-api/

带有ga调用的Google Analytics绘制图表

1 个答案: