はI`mは、自動的にGoogleアナリティクスのデータを保持して生成私は私のWebアプリケーションチャートに持っているすべてのデバイスのサイズ

Question

ための応答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> 

Answer 1

それは

あなたがよりよい助けることができ、これを試してみてください。あなたが埋め込まれたAPIを使用しているので ... 行います dataChart1.execute();を呼び出す：0

$(window).resize(function(){ 
    drawChart(); 
}); 

Answer 2

バインドwindow Resizeイベントリスナー、とjQueryを使用してリサイズ

例えば、上のチャートを再描画..

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

編集ウィンドウ内のあなたの仕事はサイズ変更されます。

注：ウィンドウのサイズが変更されるたびに再描画されるため、スマートサイズ変更オプションを探して複数の再描画を防止してください。