как показать график Google Analytics с помощью API визуализации Google - PullRequest
1 голос
/ 18 июля 2011

Я использую аналитику Google для своего веб-сайта и хочу показать количество посетителей моих пользователей.Я не думаю, что 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>

1 Ответ

0 голосов
/ 22 июля 2011

Вот учебник, который должен помочь. Он был обновлен в январе 2012 года для изменений в API Google - Представляем API основной аналитики Google Analytics :

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...