1

我的 webApp 图表中有自动生成的来自 Google 分析的数据，但它对所有设备都没有响应

JavaScript 代码：

 var dataChart1 = new gapi.analytics.googleCharts.DataChart({
    query: {
      'ids': 'ga:789456123', // <-- Replace with the ids value for your view.
      'start-date': '30daysAgo',
      'end-date': 'yesterday',
      'metrics': 'ga:pageviews',
      'filters': 'ga:pagePath==<?php echo $page; ?>',
      'dimensions': 'ga:date'
    },
    chart: {
      'container': 'chart-1-container',
      'type': 'LINE',
      'options': {
        'width': '40%'
      }
    }
  });
  dataChart1.execute();

在 HTML div 标签中生成：

   <div id="chart-1-container" style="width:100%l height:100%;"></div>
4

2 回答 2

1

绑定一个window Resize事件监听器，并在 resize 时重绘图表

例如，使用 Jquery..

$(window).resize(function(){
    redrawMychart() // impement this method which calls draw() method
});

编辑：由于您使用的是 Embedded Api .. 调用dataChart1.execute(); 将在调整窗口大小时为您完成这项工作。

注意：由于每次调整窗口大小时都会重绘它，因此请寻找智能调整大小选项以防止多次重绘。

于 2017-03-07T10:54:35.280 回答
0

请试试这个，它可以帮助你更好

$(window).resize(function(){
    drawChart();
});
于 2017-03-07T10:54:32.793 回答