javascript — диаграмма Ганта Google, использующая цикл «В» при переполнении стека

Я хочу отобразить несколько диаграмм Ганта Ганта, используя цикл while в php, но этот код показывает только 1 диаграмму Ганта (первый). Я хочу отобразить весь график с циклом, поэтому я буду получать данные из базы данных и показывать в каждой строке таблицы с графиком

    <table>
<?php
$i=0;
while($i<4){
echo"<script >
google.charts.load('current', {'packages':['gantt']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = new google.visualization.DataTable();
data.addColumn('string', 'Task ID');
data.addColumn('string', 'Task Name');
data.addColumn('string', 'Resource');
data.addColumn('date', 'Start Date');
data.addColumn('date', 'End Date');
data.addColumn('number', 'Duration');
data.addColumn('number', 'Percent Complete');
data.addColumn('string', 'Dependencies');

data.addRows([
['2014Spring', 'Spring 2014', 'spring',
new Date(2014, 2, 22), new Date(2014, 5, 20), null, 100, null],
['2014Summer', 'Summer 2014', 'summer',
new Date(2014, 1, 12), new Date(2014, 2, 20), null, 100, null],
['2015Winter', 'Winter 2015', 'winter',
new Date(2015, 11, 21), new Date(2016, 2, 21), null, 0, null],

]);

var options = {
height: 200,
gantt: {
trackHeight: 25
}
};

var chart = new       google.visualization.Gantt(document.getElementById('chart_div$i'));

chart.draw(data, options);
}
</script>

<tr><td>    Hello </td>
<td id='chart_div$i'></td>

</tr>

";
$i++;
}
?>

</table>

пожалуйста, помогите мне указать точку, где я делаю неправильно
Спасибо