Как я могу использовать данные, полученные из Google Analytics, и показывать их в Google Charts

Question

Я выполнил все функции запроса, когда учетная запись сначала проходит проверку подлинности, а затем получает запрошенный результат из Google Analytics.

Я выводил результат в код таблицы ниже;

//To Get the Profile ID first 
function queryCoreReportingApi(profileId) { 
    updatePage('Querying Core Reporting API.'); 
    gapi.client.analytics.data.ga.get({ 
    'ids': 'ga:' + profileId, 
    'start-date': lastNDays(14), 
    'end-date': lastNDays(0), 
    'dimensions': 'ga:date,ga:year,ga:month,ga:week,ga:day', 
    'metrics': 'ga:visitors' 

    }).execute(handleCoreReportingResults); 
} 

//To Show the Result 

function handleCoreReportingResults(response) { 
    if (!response.code) { 
    if (response.rows && response.rows.length) { 
     var output = []; 

     // Profile Name. 
     output.push('Profile Name: ', response.profileInfo.profileName, '<br>'); 

     var table = ['<table>']; 

     // Put headers in table. 
     table.push('<tr>'); 
     for (var i = 0, header; header = response.columnHeaders[i]; ++i) { 
     table.push('<th>', header.name, '</th>'); 
     } 
     table.push('</tr>'); 

     // Put cells in table. 
     for (var i = 0, row; row = response.rows[i]; ++i) { 
     table.push('<tr><td>', row.join('</td><td>'), '</td></tr>'); 
     } 
     table.push('</table>'); 

     output.push(table.join('')); 
     outputToPage(output.join('')); 
    } else { 
     outputToPage('No results found.'); 
    } 
    } else { 
    updatePage('There was an error querying core reporting API: ' + 
     response.message); 
    } 
} 

function outputToPage(output) { 
    document.getElementById('output').innerHTML = output; 
} 



function updatePage(output) { 
    document.getElementById('output').innerHTML += '<br>' + output; 

}

Теперь проблема заключается в том, как я могу это возвращаемый результат и показать его в Google картах (бары диаграммы - круговые диаграммы и т.д.). Я устал использовать googlecharts.js, но не пользователь, как интегрировать. Может кто-нибудь помочь пожалуйста

Answer 1

Честно говоря, руководство Getting Started должно быть именно тем, что вам нужно. Я кратко здесь, но я мог бы оставить некоторые тонкости вам нужно сделать:

1. Включите JSAPI: <script type="text/javascript" src="https://www.google.com/jsapi"></script>
2. нагрузки библиотека: <script type="text/javascript">google.load('visualization', '1.0', {'packages':['corechart']});</script>
3. Добавить обратный вызов: google.setOnLoadCallback(drawChart);
4. рисовать свои диаграммы в функции drawChart.

Затем я пошёл и просмотрел документацию по отдельным диаграммам и заполнил детали. Поскольку вы уже показываете свои данные в виде таблицы, я начинаю с Google's Table Chart и перехожу оттуда.