Googleの応答性の高い応答を作成する

Question

私はプロジェクトでGoogleのグラフを使用していますが、レスポンスに苦労しています。

私はレスポンシブなチャートで他の例を見ましたが、私のケースではうまくいかないようです。 私のすべてのチャートはレンダリングされ、その後はサイズが変わりません。

誰かがこのグラフを反応的にすることができれば、それを感謝します。ありがとう：チャートの

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Year'); 
    data.addColumn('number', 'Revenue'); 
    data.addColumn('number', 'Average Revenue'); 
    data.addRows([ 
     ['2004', 1000, 630], 
     ['2005', 1170, 630], 
     ['2006', 660, 630], 
     ['2007', 1030, 630] 
    ]); 

    var options = { 
     title: 'Revenue by Year', 
     seriesType: "bars", 
     series: {1: {type: "line"}}, 
     vAxis: {title: 'Year', 
       titleTextStyle:{color: 'red'}}, 
     colors:['red','black'] 
    }; 

    var chart = new google.visualization.ComboChart(document.getElementById('chart')); 
    chart.draw(data, options); 
} 

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

フィドル： Fiddle

それは親の割合幅を取ることができれば、私はまだコメントできませんので、それは

Answer 1

素晴らしいことだ、私が持っていますそれを私自身が価値ある答えとは考えていないにもかかわらず、これを答えとして提出すること。

目的の動作を得るためにウィンドウのサイズを変更するたびにdrawChart（）関数を呼び出す必要があります。 Googleの「応答性の高いGoogleチャート」）、first linkをご覧ください。これはjQueryのを使用して行うことができる方法について説明します。

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

ちょうどJavaScriptを使用して、this answer on Stack Exchange by Sohneeは、resizeイベント時に機能をトリガーする方法について説明します：上記のリンクの

window.onresize = doALoadOfStuff; 

function doALoadOfStuff() { 
    //do a load of stuff 
} 

すべての信用への著者の両方。