php - 如何使用谷歌可视化API显示谷歌分析图

Question

我正在为我的网站使用Google Analytics（分析），我想显示用户访问者的数量。
我不认为Google Analytics（分析）会提供任何嵌入图以在网站中使用。
因此，我决定使用Google Analytics（分析）中的数据和可视化Api中的图形来完成此任务。我不想使用任何第三方图形生成API（Google除外），我对此并不陌生，并且对如何进行操作感到震惊。

<script type="text/javascript">
  var queryString = '';
  var dataUrl = '';

  function onLoadCallback() {
    if (dataUrl.length > 0) {
      var query = new google.visualization.Query(dataUrl);
      query.setQuery(queryString);
      query.send(handleQueryResponse);
    } else {
      var dataTable = new google.visualization.DataTable();
      dataTable.addRows(8);

      dataTable.addColumn('number');
      dataTable.setValue(0, 0, 37.704918032786885);
      dataTable.setValue(1, 0, 54.09836065573771);
      dataTable.setValue(2, 0, 55.73770491803279);
      dataTable.setValue(3, 0, 75.40983606557377);
      dataTable.setValue(4, 0, 52.459016393442624);
      dataTable.setValue(5, 0, 73.77049180327869);
      dataTable.setValue(6, 0, 68.85245901639344);
      dataTable.setValue(7, 0, 55.73770491803279);

      draw(dataTable);
    }
  }

  function draw(dataTable) {
    var vis = new google.visualization.ImageChart(document.getElementById('chart'));
    var options = {
      chxl: '',
      chxp: '',
      chxr: '0,0,46',
      chxs: '',
      chxtc: '',
      chxt: 'y',
      chs: '300x225',
      cht: 'lc',
      chco: '3D7930',
      chd: 's:Xhiugtqi',
      chdl: '',
      chg: '14.3,-1,1,1',
      chls: '2,4,0',
      chm: 'B,C5D4B5BB,0,0,0'
    };
    vis.draw(dataTable, options);
  }

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

  google.load("visualization", "1", {packages:["imagechart"]});
  google.setOnLoadCallback(onLoadCallback);

</script>

Answer 1

这是一个应该有所帮助的教程。由于Google API的更改-Introducing the Google Analytics Core Reporting API于2012年1月进行了更新：

http://www.jensbits.com/2010/06/23/google-analytics-data-export-api-with-google-chart-visualizations-2/