Javascript 一页两张谷歌图表，超级代理_Javascript_Google Visualization_Google Analytics Api

Javascript 一页两张谷歌图表，超级代理

javascript google-visualization

Javascript 一页两张谷歌图表，超级代理,javascript,google-visualization,google-analytics-api,Javascript,Google Visualization,Google Analytics Api,我怎么能在一个页面上有两个谷歌图表？我正在使用超级代理从google analytics API获取JSON表目前，仅显示第一个图表（表格）。缺少第二张图表我的代码附在下面。我对API不太熟悉。我检查了一些解决方案，但都是本地数据，而不是来自在线来源，例如电子表格、JSON表任何帮助都将不胜感激 <html> <head>  <script type="text/javascript"

我怎么能在一个页面上有两个谷歌图表？我正在使用超级代理从google analytics API获取JSON表

目前，仅显示第一个图表（表格）。缺少第二张图表

我的代码附在下面。我对API不太熟悉。我检查了一些解决方案，但都是本地数据，而不是来自在线来源，例如电子表格、JSON表

任何帮助都将不胜感激

<html>
<head>
    <!--Load the AJAX API-->
    <script type="text/javascript"
    src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1"}]}'>
    </script>

    <script type="text/javascript">
        google.load('visualization', '1', {packages: ['table','geochart']});
        google.setOnLoadCallback(drawVisualization);

        function drawCountriesTable() {
            var CountriesTableWrapper = new google.visualization.ChartWrapper({
            "containerId": "CountriesTable_div",
            "dataSourceUrl": "https://top3dapp.appspot.com/query?id=agpzfnRvcDNkYXBwchULEghBcGlRdWVyeRiAgICAgICACgw&format=data-table-response",
            "refreshInterval": 43200,
            "chartType": "Table",
            "options": {
                "showRowNumber" : true
                }
            });

            CountriesTableWrapper.draw();
        }

        function drawRegionsMap() {
            var RegionsMapWrapper = new google.visualization.ChartWrapper({
            "containerId": "RegionsMap_div",
            "dataSourceUrl": "https://top3dapp.appspot.com/query?id=agpzfnRvcDNkYXBwchULEghBcGlRdWVyeRiAgICAvKGCCgw&format=data-table-response",
            "refreshInterval": 43200,
            "chartType": "GeoChart",
            "options": {
                "displayMode": 'markers',
                "colorAxis": { "colors": ['#A9DEF2', '#048DC7'] }
                }
            });

            RegionsMapWrapper.draw();
        }

        function drawVisualization() {
            drawCountriesTable();
            drawRegionsMap();
        }
    </script>
</head>
<body>
    <h2>Countries</h2>
    <div id="CountriesTable_div" style="margin:auto;width:630px;"></div>
    <h2>Regions</h2>
    <div id="RegionsMap_div" style="margin:auto;width:630px;"></div>
</body>


load（'visualization'，'1'，{packages:['table'，'geochart']}）；
setOnLoadCallback（drawVisualization）；
函数drawCountriesTable（）{
var countriestablerrapper=新的google.visualization.ChartWrapper({
“集装箱运输”：“CountriesTable\u div”，
“数据源URL”：https://top3dapp.appspot.com/query?id=agpzfnRvcDNkYXBwchULEghBcGlRdWVyeRiAgICAgICACgw&format=data-表响应“，
“刷新间隔”：43200，
“图表类型”：“表格”，
“选择”：{
“showRowNumber”：真
}
});
CountrieStableRapper.draw（）；
}
函数drawRegionsMap（）{
var RegionsMapWrapper=新建google.visualization.ChartWrapper({
“集装箱船”：“区域地图分区”，
“数据源URL”：https://top3dapp.appspot.com/query?id=agpzfnRvcDNkYXBwchULEghBcGlRdWVyeRiAgICAvKGCCgw&format=data-表响应“，
“刷新间隔”：43200，
“图表类型”：“地球艺术”，
“选择”：{
“显示模式”：“标记”，
“colorAxis”：{“colors”：['#A9DEF2'，'#048DC7']}
}
});
RegionsMapWrapper.draw（）；
}
函数drawVisualization（）{
drawCountriesTable（）；
drawRegionsMap（）；
}
国家
区域

这是超级代理的一个bug。错误报告请参见：

遵循github上建议的步骤：

打开query_helper.py

转到方法“GetPublicEndpointResponse”

在第395行中，您应该看到

transformed\u response\u content=response.get（'transformed\u content'）

将该行更改为：

transformed_response_content = transform.Transform(response_content)

测试/部署更新

这在jsfiddle中运行良好：是的。现在可以了。这是超级代理（）中的一个bug