我如何使用从谷歌分析检索到的数据并在谷歌图表中显示
How can I use the data retrieved from Google Analytics and show it in Google Charts
我已经执行了所有的查询功能,其中帐户首先经过身份验证,然后从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;
}
现在的问题是如何将返回的结果显示在谷歌图表中(条形图-饼图等)。我厌倦了使用googlecharts.js,但不喜欢用户如何集成。有人能帮忙吗?
坦率地说,入门指南应该正是您所需要的。我将在这里进行总结,但我可能会忽略一些您需要做的微妙之处:
- 包括JSAPI:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
- 加载库:
<script type="text/javascript">google.load('visualization', '1.0', {'packages':['corechart']});</script>
- 添加回调:
google.setOnLoadCallback(drawChart);
- 在
drawChart
函数中绘制图表
然后,我会去看各个图表上的文档,并填写详细信息。由于您已经将数据显示为表格,我将从谷歌的表格图表开始,然后继续。
相关文章:
- 不显示带有本地json文件数据的谷歌地图脚本
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- 缓存谷歌地图数据
- 使用外部数据创建仪表板(谷歌电子表格)-JavaScript
- 谷歌地图/Angular JS:地图更新并不总是反映数据,并且可以't删除标记
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- 让谷歌数据图表有一个24小时x轴
- 谷歌图表堆叠柱状图.如何设置每个单独堆叠项目(数据系列)的样式
- 有没有一种方法可以使用Javascript检索谷歌表单ITSELF(而不是电子表格)的数据
- 应用程序脚本中导入HTML的数据擦除;谷歌表格
- 将Laravel5.0中的谷歌图表与mysql数据库中的数据集成
- 谷歌图表第二数据覆盖第一数据&图表
- 将iPhone位置数据输入谷歌地图
- 使用来自URL的JSON数据来显示谷歌地图标记-如何
- 是否可以将谷歌分析数据发送给供应商
- 将谷歌地理编码(从url)数据加载到javascript变量中
- 谷歌数据存储查询中的多项选择抛出 API 错误:前提条件节点中失败错误
- 有没有办法测试谷歌数据馈送?不知道如何处理这些错误
- 如何为谷歌数据表编写自定义格式化程序(用于可视化api)
- 谷歌数据API SDK -过滤器编码/转义