Ich bräuchte ein wenig Hilfe beim javascript code für meine PieCharts.

Ich habe nach diesem Beispiel versucht meine PieCharts responsive zu machen. Soweit so gut.

Das Problem ist aber das immer nur der letzte Chart sich responsive verhält. Wie kann ich es bewekstelligen das sich "throttledresize" auf alle meine Charts auswirkt?

Zur Übersicht mein javascript das ich mit je einem Inhaltselement (HTML) auf die Seite bringe. (chart_1,chart_2,chart_3...)

Code:
<div id="test" class="grid4">
	<div id="chart_1" class="chart"></div>
</div>

<script type="text/javascript">
   
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});
     
      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);
      
      $(window).on("throttledresize", function (event) {
      drawChart();
      });

      // Callback that creates and populates a data table, 
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawChart() {

      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Topping');
      data.addColumn('number', 'Slices');
      data.addRows([

      ['Rot', 1],
      ['Gelb', 1],
      ['Blau', 2],

      ]);

      // Set chart options
      var options = {'width':'100%',
      			  'height':260,
      			  'legend':'bottom',
      			  'chartArea': {'width': '80%', 'height': '80%'},
      			  'colors':['#008CFF','#26577F','#4CAEFF','#0070CC','#00467F']
      	
      };

      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.PieChart(document.getElementById('chart_1'));
      chart.draw(data, options);
    }      

</script>
Ich würde mich freuen wenn jemand mit Javascript-Kentnissen einen Tipp für mich hat.

Danke
Gruß Marc