Bonjour,

Je voudrais afficher les données d'une BDD dans un google Chart.

Pour ce faire j'ai décidé de mètre le code js dans un fichier à part et non pas dans l'index.php

J'aimerai que l'index récupère le tout le contenu de ma BDD et le mette dans un array pour enfin afficher le graph avec la fonction dans mon .js

Voici mon code JS :

function drawChart(donnees) {
	var data = google.visualization.arrayToDataTable([
		['Date', 'Solde Total'],
		//ici mes données provenant de la BDD
	]);
	var options = {
		title: 'Evolution de mes G/P Total',
		hAxis: {title: 'Dates',  titleTextStyle: {color: '#333'}},
		vAxis: {minValue: 0},
		width: '100%',
		height: '500px'
	};
	var linearOptions = {
		title: 'Evolution de mes G/P Total en fonction du temps',
		legend: 'none',
		hAxis: {
		title: 'Date'
	},
		vAxis: {
			title: 'G/P Total',
			ticks: [-300, -100, 0, 100]
		}
	};
	var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
	chart.draw(data, linearOptions);
	
}

Et voici ce que j'ai essayé de faire dans l'index :

<script type="text/javascript" src="js/drawchart.js"></script>
		<script type="text/javascript">
			google.charts.load('visualization', '1', {packages:['corechart']});
			google.charts.setOnLoadCallback(drawChart);
			var donnees = <?php 
			$i = 0;
			while ($data = $requete->fetch(PDO::FETCH_ASSOC)) {
			
			if ($i == 0){
				echo "['" .$data['date']. "', " .$data['gp']. "]\n";
			}
			else{
				echo "['" .$data['date']. "', " .$data['gp']. "],\n";
			}
			$i++;
			}
			
			?>;
			drawChart(donnees);
			$(window).resize(function(){
				drawChart(donnees);
			});
</script>

Plus je réfléchis, plus je me perds

Pouvez vous m'aider ?

Dimo