je suis en train d'automatisé certains de mes graphiques qui jusqu'à présent je replissais manuellement.
J'ai repris le graphique des jours de pluie pour l'année 2014 fait par Jean Michel et j'essaie de le modifier. Mon graphique s'affiche bien, mais pas les donnés. je pense que le problème vient de ma requête, le reste me parait correct.
Mon graphique: http://www.meteo-jarny.com/graphiques-d ... -copie.php
Je vous mets également le code complet du graphique, un petit coup de pouce serait le bienvenu
Code : Tout sélectionner
<?php
// appel du script de connexion
require("mysql_connect.php");
$conn=mysqli_connect($server,$user,$pass,$db);
$start=mktime(0,0,0,1,1,date("Y"));
$stop =mktime(0,0,0,1,1,date("Y")+1);
$sql="SELECT substr(recdatetz, 5, 2),count(*) FROM MiniMaxidata
WHERE tstamp > '$start'
AND tstamp <= '$stop'
AND Rain_jour
group by 1
union
SELECT substr(recdatetz, 5, 2),null FROM MiniMaxidata
WHERE tstamp > '$start'
AND tstamp <='$stop'
AND substr(recdatetz, 5, 2) not in (SELECT substr(recdatetz, 5, 2)
FROM MiniMaxidata
WHERE tstamp > '$start'
AND tstamp <= '$stop'
AND Rain_jour)
group by 1
order by 1";
$query=mysqli_query($conn,$sql);
$i=0;
while($list=mysqli_fetch_array($query)) {
$Rain_jour[$i]=$list[1]*1;
if($Rain_jour[$i]==0) {$Rain_jour[$i]= null;}
$i++;
}
$Normale=array(69.4, 56.1, 65.1, 53.9, 63.3, 63.2, 70.7, 64.2, 66.9, 71, 67.2, 74.8,null,null);
$Time=array("jan","fev","mar","avr","mai","juin","jui","août","sep","oct","nov","déc","","année");
$Rain_jour=array($Pluie[0],$Pluie[1],$Pluie[2],$Pluie[3],$Pluie[4],$Pluie[5],$Pluie[6],$Pluie[7],$Pluie[8],$Pluie[9],$Pluie[10],$Pluie[11],$Pluie[12],null,null);
$Normale_an= 785.8;
$Pluie_an = $Pluie[0]+$Pluie[1]+$Pluie[2]+$Pluie[3]+$Pluie[4]+$Pluie[5]+$Pluie[6]+$Pluie[7]+$Pluie[8]+$Pluie[9]+$Pluie[10]+$Pluie[11]+$Pluie[12];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META NAME="SUBJECT" CONTENT="Graphique Vantage Pro Davis">
<META NAME="DESCRIPTION" CONTENT="graphique dynamique">
<META NAME="KEYWORDS" CONTENT=" mto, pluie, vent, temprature, temperature, station, Vantage, Davis, Pro, Davis Vantage Pro,pression, UV, soleil,">
<META NAME="REVISIT-AFTER" CONTENT="5 DAYS">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=9" >
<META NAME="LANGUAGE" CONTENT="FR">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Météo Jarny - graphique dynamique température des dernières 48 heures</title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/themes/grid.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
<!-- <script type="text/javascript" src="jquery/overlib.js"></script>
<script type="text/javascript" src="jquery/overlib_fade.js"></script> -->
<script type="text/javascript">
function comArr(unitsArray) {
var outarr = [];
for (var i = 0; i < dTime.length; i++) {
outarr[i] = [dTime[i], unitsArray[i]];
}
return outarr;
}
$(function () {
var chart;
$(document).ready(function() {
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
Highcharts.setOptions({
lang: {
months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
shortMonths: ['Jan.', 'Fév.', 'Mars', 'Avr.', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc'],
exportButtonTitle: "Exporter",
printButtonTitle: "Imprimer",
rangeSelectorFrom: "Du:",
rangeSelectorTo: "A:",
rangeSelectorZoom: "Période:",
resetZoom: 'RAZ Zoom',
resetZoomTitle: 'Initialiser zoom ? 1:1',
downloadPNG: "Télécharger au format PNG image",
downloadJPEG: "Téléécharger au format JPEG image",
downloadPDF: "Télécharger au format PDF document",
downloadSVG: "Télécharger au format SVG vector image",
exportButtonTitle: "Exporter image ou document",
printButtonTitle: "Imprimer le graphique",
loading: "Chargement...",
thousandsSep: ""
}
});
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'x',
type: 'column',
margin: [ 50, 85, 75, 80],
backgroundColor: {
linearGradient: [0, 500, 500, 0],
stops: [
[0, 'rgb(158, 171, 252)'],
[1, 'rgb(255, 255, 255)']
]
},
},
title: {
text: 'Comparaison des cumul mensules de l\'année 2014'
},
subtitle: {
text: 'Source: Météo Jarny',
x: -20
},
credits: {
text: '© Météo Jarny',
href: 'http://www.meteo-jarny.com'
},
xAxis: {
categories: [
'Jan',
'Fév',
'Mar',
'Avr',
'Mai',
'Juin',
'Juil',
'Août',
'Sep',
'Oct',
'Nov',
'Déc',
'',
'Année'
],
labels: {
rotation: 0,
align: 'center',
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
},
yAxis: [{
max: 150,
min: 0,
title: {
text: 'Cumuls mensuels',
},
labels: {
formatter: function() {
return this.value +' mm';
},
style: {
color: '#000000'
}
},
},
{
max: 1500,
min: 0,
title: {
text: 'Cumul annuel',
},
labels: {
formatter: function() {
return this.value +' mm';
},
style: {
color: '#000000'
}
},
opposite: true
}],
legend: {
enabled: true,
x: 0
},
tooltip: {
pointFormat: '{series.name}: <b>{point.y}</b><br/>',
valueSuffix: ' mm',
shared: true
},
plotOptions: {
column: {
grouping: false,
shadow: false,
}
},
series: [{
name: 'Cumuls mensuels',
color: '#688dfe',
data: comArr(dRain_jour),
pointPadding: -0.2
},{
type: 'spline',
color: '#ff8c00',
name: 'Normale',
data: comArr(dNormale),
lineWidth: 0,
marker :{
enbled: true,
symbol: 'circle',
radius: 3},
pointPadding: -0.3
},{
name: 'Cumul annuel',
color: '#688dfe',
data: [null,null,null,null,null,null,null,null,null,null,null,null,null, <?php echo $Pluie_an;?>],
pointPadding: -0.2,
yAxis: 1
},{
name: 'Normale',
color: '#84e598',
data: [null,null,null,null,null,null,null,null,null,null,null,null,null,<?php echo $Normale_an;?>],
yAxis: 1
}]
});
});
});
eval(<?php echo "'var dTime = ".json_encode($Time)."'" ?>);
eval(<?php echo "'var dRain_jour = ".json_encode($Rain_jour)."'" ?>);
eval(<?php echo "'var dNormale = ".json_encode($Normale)."'" ?>);
eval(<?php echo "'var dNormale_an = ".json_encode($Normale_an)."'" ?>);
eval(<?php echo "'var dPluie_an = ".json_encode($Pluie_an)."'" ?>);
</script>
<style type="text/css">
.style1 {
text-align: left;
}
</style>
</head>
<body>
<table width="500" border="0" align="center">
<tr>
<td>
<div id="container" style="width: 600px; height: 300px; margin: 0 auto" class="style1"></div>
<div align="center"></div>
</td></tr></table>
</body>
</html>