je me suis lancé depuis quelques jours dans la création d'un petit site météo personnel. il n'a rien d'extraordinaire, il a surtout pour but de m'apporter quelques connaissance. jusque la , j'arrive a créer ma première page internet (locale) grâce a ammps.
j'ai également une base de donnée mysql depuis quelques années qui nourrit un autre site internet météo mais fait par une autre personne et j'aimerai reproduire ceci a ma sauce.
j'arrive a me connecter a ma base de donnée et a afficher des valeurs sur ma page internet mais j'aimerai pouvoir également afficher des graphiques "googles" ou bien "chart.js" mais je dois avouer que malgré m'être penche dessus plusieurs jours, je n'arrive pas a afficher le moindre graphique. je n'arrive a afficher que les exemples et je ne comprend surtout pas la mécanique du procédé.
Pouvez vous m'aider a faire sortir mon 1er graphique ?
merci a vous
[PHP]?php
try
{
// On se connecte à MySQL
$mysqlClient = new PDO('mysql:host);
}
catch(Exception $e)
{
// En cas d'erreur, on affiche un message et on arrête tout
die('Erreur : '.$e->getMessage());
}
// Si tout va bien, on peut continuer
// On récupère tout le contenu de la table
$sqlQuery = 'SELECT * FROM Meteo_Jour ORDER BY date ASC ';
$dbStatement = $mysqlClient->prepare($sqlQuery);
$dbStatement->execute();
$db = $dbStatement->fetchAll();
// On affiche chaque recette une à une
foreach ($db as $row) {
?>
<?php
}
?>
<div>
<script type="text/javascript" src="https://www.------/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Date', 'Rafale'],
<?php
$sql = "SELECT * FROM Meteo_Jour ORDER BY Date ASC";
foreach ($connect->query($sql) as $graph)
{
echo '["'.$Date['y'].'", '.$Rafale['x'].'],';
}
?>
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Mois', titleTextStyle: {color: '#333'}},
vAxis: {minValue: 0}
};
var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</div>
<tbody>
<div id="chart_div" style="width: 100%; height: 500px;"></div>[/color][/color]