在同一頁面上添加多個Google Analytics（分析）圖表

Question

我有一個儀表板，需要在其中合並Google Analytics（分析）圖表。 每個圖表是一個不同的小部件，可以從儀表板中刪除或添加到其中。 當儀表板上僅添加一個時，圖表將正確顯示。 當我添加兩個時，它們不再顯示任何內容。 我在每個小部件中調用相同的Embed API庫的事實會導致這種情況嗎？

我為每個小部件使用的代碼示例：

 <script> (function(w,d,s,g,js,fs){ g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(f){this.q.push(f);}}; js=d.createElement(s);fs=d.getElementsByTagName(s)[0]; js.src='https://apis.google.com/js/platform.js'; fs.parentNode.insertBefore(js,fs);js.onload=function(){g.load('analytics');}; }(window,document,'script')); </script> <div id="embed-api-auth-container-1"></div> <div id="chart-container-1"></div> <div id="view-selector-container-1"></div> <script> gapi.analytics.ready(function() { gapi.analytics.auth.authorize({ container: 'embed-api-auth-container-1', clientid: '***' }); var viewSelector = new gapi.analytics.ViewSelector({ container: 'view-selector-container-1' }); viewSelector.execute(); var dataChart = new gapi.analytics.googleCharts.DataChart({ query: { metrics: 'ga:sessions', dimensions: 'ga:date', 'start-date': '30daysAgo', 'end-date': 'yesterday' }, chart: { container: 'chart-container-1', type: 'LINE', options: { width: '100%' } } }); viewSelector.on('change', function(ids) { dataChart.set({query: {ids: ids}}).execute(); }); }); </script> 

Answer 1

通過僅在頁面上顯示的第一個窗口小部件中調用Embed API庫來臨時解決此問題。 並不理想，但目前可以使用。 如果有人能找到正確的解決方案，我想知道。