使用谷歌分析的谷歌可视化GeoMap

Question

好吧，所以我真的希望有人能帮助我开始，我已经能够通过谷歌可视化的api从我的谷歌分析数据中绘制馅饼和时间线。我现在想要从google访问分析中提取数据，并绘制一张地理地图。这是可以工作的geomap示例代码

google.load('visualization', '1', {packages: ['geochart']});

function drawVisualization() {

  var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', 200],
    ['United States', 300],
    ['Brazil', 400],
    ['Canada', 500],
    ['France', 600],
    ['RU', 700],
    ['South Africa', 800]
  ]);

  var geochart = new google.visualization.GeoChart(
      document.getElementById('visualization'));
  geochart.draw(data, {width: 556, height: 347});
}


google.setOnLoadCallback(drawVisualization);

但是，我当然想把我的google analytics api中的变量“数据”放入这样的一个数组和图表中，比如根据过去30天的浏览量排名前十的国家/地区？

我相信下面的查询会给出我想要的

 dimensions=ga:country
 metrics=ga:visits
 sort=-ga:visits

如何将其转换为适当的格式，以便数据变量绘制此geomap？如果你能帮我重写var数据，让它正常工作，我可能是最快乐的人。提前感谢

Answer 1

此函数应获取Google Analytics返回的数据，将其输入DataTable，并根据访问次数绘制前10个国家/地区的GeoChart：

function drawChart(results) {
    var entries = results.feed.getEntries();
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Country');
    data.addColumn('number', 'Visits');

    for (var i = 0; i < entries.length; i++) {
        data.addRow([entries.getValueOf('ga:country'), parseInt(entries.getValueOf('ga:visits'))]);
    }

    // sort by visits, descending
    var sortedRows = data.getSortedRows([{column: 1, desc: true}]);
    // remove all elements after the 10th
    while (sortedRows.length > 10) {
        sortedRows.splice(10, 1);
    }
    var view = new google.visualization.DataView(data);
    view.setRows(sortedRows);

    var geochart = new google.visualization.GeoChart(document.getElementById('visualization'));
    // draw the chart using the view
    geochart.draw(view, {width: 556, height: 347});
}

Answer 2

你应该考虑使用新的谷歌分析应用编程接口，它简化了将SuperProxy查询到图表应用编程接口的过程，仍然有一些错误，但设置非常简单，youtibe视频将在下面的链接上带你完成整个过程。https://developers.google.com/analytics/solutions/google-analytics-super-proxy