Zapętlanie wykresu javascript

Witam, pisze aplikacje w php do obróbki danych statystycznych i mam problem z wyświetlaniem wykresu z wynikami pobieranymi z bazy danych dla każdego eksperymentu. Wyświetla mi tylko wykres dla pierwszego eksperymentu. Wie ktoś jak zapętlić wykres aby wyświetlany był dla każdego eksperymentu ? Poniżej mój kod.

<?php for($i=0;$i<$b;$i++){ 
$dataPoints[] = array(
	array("x" => $dolnagr[$i]-(0.05*$dolnagr[$i]), "y" => 0),
	array("x" => $dolnagr[$i], "y" => 1),
	array("x" => $srednia[$i], "y" => 5),
	array("x" => $gornagr[$i], "y" => 1),
	array("x" => $gornagr[$i]+(0.05*$dolnagr[$i]), "y" => 0),
	
	
 );
			
			?>
			<script type="text/javascript">
		
			window.onload = function() {
	
			var chart1 = new CanvasJS.Chart("1", {
	animationEnabled: true,
	title:{
		text: "Poziom zaufania"
	},
	axisY: {
		title: "Revenue in USD"
		
	},
	data: [{
		type: "spline",
		markerSize: 5,
		xValueFormatString: "#",
		yValueFormatString: "#",
		dataPoints: <?php echo json_encode($dataPoints[$i], JSON_NUMERIC_CHECK); ?>
	}]
});
 
chart1.render();
			}
			
				
</script>

<div id="1" style='width: 80%; height:400px;'></div>

<script src='https://canvasjs.com/assets/script/canvasjs.min.js'></script>
<?php } ?>

Po pierwsze to jest jakiś horror! PHP pomieszany z JS i HTML w tak dziwaczny sposób. Ja wiem, że jest React i tam też jest JS zmieszany z HTML ale tam to przynajmniej ma jakąś strukturę, głębszy sens. Tutaj jest zwykły groch z kapustą.

Po drugie jeżeli chcesz mieć wykres generowany w JS w pętli to zrób pętle. W JS też są pętlę. Jeżeli masz życzenie, to możesz nawet w PHP zrobić pętlę, która będzie wypluwała kod JS dla każdego wykresu. Ja tutaj nie widzę, żadnej pętli, zatem nawet nie spróbowałeś, a warto, bo to bardzo proste i przydaje się w życiu.