Mes pages PHP qui créent les graphiques ne marchent plus...
Je galère un peu pour trouver la raison...
page php :
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<title>Surveillance de la TEMPERATURE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<span style="text-align: center">
<?php
// ************* preparation de la connexion a MySQL ****************************
$hostname = "localhost";
$database = "bd";
$username = "user";
$password = "pass";
function connectMaBase($hostname, $database, $username, $password){
$Conn = mysql_connect ($hostname, $username, $password) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_select_db($database, $Conn);
}
// ************* preparation de la requete **************************************
$query1 = "SELECT date, house_temp FROM meteo_maison ORDER BY `date` DESC LIMIT 500";
// connexion mysql et lancement requete *****************************************
connectMaBase($hostname, $database, $username, $password); // on ouvre la base
$req1 = mysql_query($query1) ; // on lance la requete
echo $req1
mysql_close(); // on ferme la base
// ********** traitement du resultat ********************************************
while($data = mysql_fetch_assoc($req1)) {
$dateD = strtotime($data[date]) * 1000; //transforme la date MySQL en timestamp
$liste1[] = "[$dateD, $data[house_temp]]"; // format data pour highchart [x,y],[x,y].....
}
$liste1 = join(',', array_reverse($liste1)); // on inverse l'ordre car la requete SQL sort le resultat a l'envers
?>
</span>
<div id="graphique1"></div>
<script type="text/javascript">
//**ceci est du code Highcharts.com*************************************************************************
//** vous pouvez trouver toutes les decriptions des options sur le site officiel****************************
// temperature
//$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=range.json&callback=?',
$(function() {
Highcharts.setOptions({
global: {
useUTC: false
}
});
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'graphique1',
type: 'spline',
zoomType: 'x',
backgroundColor: null,
},
title: {
text: 'Température Bureau',
style:{
color: '#4572A7',
},
},
legend: {
enabled: false,
backgroundColor: 'white',
borderRadius: 14,
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
month: '%e. %b',
year: '%b',
}
},
yAxis: [{
labels: {
format: '{value} °C',
style: {
color: '#C03000',
},
},
title: {
text: '',
style: {
color: '#C03000',
},
}
}],
tooltip: {
shared: true,
crosshairs: true,
borderRadius: 6,
borderWidth: 3,
xDateFormat: '%A %e %b %H:%M:%S',
valueSuffix: ' °C',
},
plotOptions: {
spline: {
marker: {
enabled: true,
},
dataLabels:{
enabled: true,
},
},
},
series: [{
name: 'Temp. intérieur',
color: 'red',
zIndex: 1,
data: [<?php echo $liste1; ?>] // c'est ici qu'on insert les data
}]
});
});
</script>
</body>
</html>
Un peu tricky l'emboitement de code PHP-HIGHCHART-MySQL/PDO et serveur du Raspberry Pi, j'en conviens
Quelqu'un une idée ? Peut être une incompatibilité de PHP vers PHP-FPM ?