Tuto Pluviométrie Mensuelle Comparée aux Normales 1981-2010

[JP54]

Je l'ai installé, mais je n'ai pas trouvé ou ça plante, de plus je ne sais pas trop comment ça fonctionne web developper

[PascalWMR]

Salut JP et tous le monde

J'ai bien les donnés, la normale et les écarts, mais j'ai une page blanche.
Donc j'ai un problème je ne sais pas trop à quel endroit, partie php sans doute, une virgule, une parenthèse, j'ai vérifié à priori c'est bon.
Je mets le code de mon graphique si quelqu'un peut jeter un oeil.

Bien sûr je continue à chercher, on ne s'est jamais...

Bon j'ai regardé ton code.
1. Il y a plusieurs fautes dans les parenthèses et les accolades et c'est une des causes de la page blanche.

2. Il faut que tu fasse bien attention au librairies que tu appelle. Un nouvelle fois, tu fait un graphique Highcharts mais tu appelle une librairie Hichstock

http://code.highcharts.com/stock/highcharts-more.src.js

. C'est une autre cause de la page blanche.

3. Il ne faut pas mélanger les types de graphiques. Et pour cause, l'encodage des données n'est pas le même.
Tu a pris la solution que je t'ai donnée dans ce sujet et tu le mélange avec le code de mon tuto.
Tu mélange donc des données encodées pour le type area avec des données encodées pour les types column et spline.
Ca ne peut pas marcher car les données de type area sont encodées selon ce format [datetime ou catégorie , données1 , données2], alors que les autres sont encodées avec une seule et unique donnée comme ceci [datetime ou catégorie] , [données].
Dans les données encodées pour un graphique de type area, la première données sert à xAxis et les suivantes à yAxis alors que dans les autres types de graphiques, une donnée spécifique sert a xAxis et les autres pour yAxis.
D’ailleurs, dans nos graphiques, et je précise bien dans nos graphiques, car dans d'autres, on peut faire appel à des échelles autres que celle du temps, les données pour xAxis qui font appel au type datetime sont traitées, par cette fonction en début de de code

Code : Tout sélectionner

    function comArr(unitsArray) { 
        var outarr = [];
        for (var i = 0; i < time.length; i++) {
         outarr[i] = [time[i], unitsArray[i]];
        }
      return outarr;
    } 

Pour afficher les données dans un graphique classique, si je puis dire, tu appelle les données à afficher comme ceci:

Code : Tout sélectionner

data: comArr(t_out_moy)

La fonction comArr combinée avec la donnée à afficher, convertis la série en area.
Alors que que dans les graphiques de type area, tu appelle la série de cette façon.

Code : Tout sélectionner

data: NBJGJanvier,

Normal, on ne fait pas appel à la fonction comArr() puisque la série à déja été encodée en area.

Pour ton graphique donc, il faut choisir:
Soit tu encode chaque séries en area, soit tu encode chaque séries séparément et tu passe par la fonction comArr(), mais le souci, c'est que si tu opte pour la 2ème solution, tu sera à nouveau confronté à ton problème de décalage sur xAxis.

Bon voila quand même le résultat de ton code corrigé.
http://www.monsite-meteo.eu/Page/TestNb ... UnMois.php

Autre chose, je ne comprend pas pourquoi tu encode la normale du mois en cours et que après, sur yAxis, tu mette une plotline qui reprend la même valeur

A+
Pascal

[JP54]

Bonsoir,
Je n'ai pas fais attention pour la librairie.
J'ai pris exemple sur ton tuo et c'est vrai le graphiques est fait avec highstock et le mien avec highcharts.
Je vais reprendre mon graphique de puis le début et tenté de le corrigé.
Le plotLines va disparaitre, je l'avais mis pour faire un essaie et je ne l'ai enlevé.
Par contre, est ce que ma partir PHP correct

[PascalWMR]

Bonsoir JP

Non, ta partie PHP n'est pas bonne car c'est là qu'en premier lieu tu mélange les types de données area et les autres.

Voici ton code

Code : Tout sélectionner

 $sql = "SELECT substr(recdateTZ,1,4) AS Annee, sum(t_out_mini <= 0) AS NBJG FROM MiniMaxidata WHERE substr(recdateTZ,5,2)='01' GROUP BY 1";  
    $query = mysql_query($sql);                   
    $i=0;
    $NBJG02 = array();
    while ($list = mysql_fetch_assoc($query)) {     

    $Annee[$i]=$list['Annee']*1;
    $NBJG[$i]=$list['NBJG']*1;

   if (date("m",$time[$i]/1000)==1) {$NormaleMensuelle[$i]=17.3;}
   
    $NBJG02[] = array($Annee[$i],(float)$NBJG[$i]);
    $Ecart[$i]=$NBJG[$i]-$NormaleMensuelle[$i];

    $i++;
    }   

Tu traite une variable $time qui n'existe pas.

et ici

$NBJG02[] = array($Annee[$i],(float)$NBJG[$i]);
$Ecart[$i]=$NBJG[$i]-$NormaleMensuelle[$i];

La variable $NBJG02[] est de type area et la variable $Ecart[$i] est de type unique si je puis dire.

Donc comme je te l'ai expliqué précédemment, il est impossible d'afficher ces données dans un même graphique.
Il faut donc que les données soient toutes du même type.

Voici donc le bon code

Code : Tout sélectionner

$sql = "SELECT substr(recdateTZ,1,4) AS Annee, sum(t_out_mini <= 0) AS NBJG FROM MiniMaxidata WHERE substr(recdateTZ,5,2)='01' GROUP BY 1";  
$query = mysqli_query($conn,$sql);                   
$i=0;
$NBJGJanvier = array();
$NormaleMensuelleJanvier= array();
$EcartJanvier = array();
while ($list = mysqli_fetch_assoc($query)) {      

$Annee[$i]=$list['Annee']*1;
$NBJG[$i]=$list['NBJG']*1;
$Normale1981_2010Janvier[$i]=17.3;
$Ecart[$i]=$NBJG[$i]-$Normale1981_2010Janvier[$i];

$NBJGJanvier[] = array($Annee[$i],(float)$NBJG[$i]);
$EcartJanvier[] = array($Annee[$i],(float)$Ecart[$i]);
$NormaleMensuelleJanvier[] = array($Annee[$i],(float)$Normale1981_2010Janvier[$i]);

$i++;
} 	

Tu vois donc qu'en premier lieu, je déclare les variables qui seront encodées comme étant des tableaux (array) pour des données encodées en area
$NBJGJanvier = array();
$NormaleMensuelleJanvier= array();
$EcartJanvier = array();

Dans ce graphique, une fois encodées, ces données se présentent comme ceci
eval('var NBJGJanvier = [[2012,11],[2013,18],[2014,12]]');
eval('var EcartJanvier = [[2012,-6.3],[2013,0.7],[2014,-5.3]]');
eval('var NormaleMensuelleJanvier = [[2012,17.3],[2013,17.3],[2014,17.3]]');

alors que dans un graphique avec des données uniques, elles se présente comme ceci
eval('var time = [1419020700000,1419021000000,... ] données pour le xAxis
eval('var outdoorhumidity = [91,91,91,91,92,92,92,92,92,...] donnée pour le yAxis à afficher sur le graphique.

Vois tu bien la différence
Comme je te l'ai expliqué précédemment, tu peux voir que pour chaque donnée, tu retrouve la 1ère valeur qui servira au xAxis (2012,2013,2014) puis après la virgules, la valeur pour le yAxis à afficher sur le graphique (11,-6.3,17.3)

Voila, j’espère avoir été clair.

A+

[JP54]

Oui, tes explications sont très clairs Pascal, je vais mettre tout ça en pratique pour mes prochains graphiques, mais déjà essayé de bien les comprendre pour ne pas refaire de tels erreurs
La différence est flagrante, ça n'a rien à voir avec ce que j'ai fais.
Merci beaucoup pour ces explications.

[muchistic]

Tuto Pluviométrie Mensuelle Comparée aux Normales 1981-2010

Le but de ce tuto, est d'afficher un graphique Highstock qui compare la pluviométrie mensuelle aux Normales 1981-2010.
A la fin de ce tuto, vous devriez obtenir un graphique ressemblant à celui-ci.
http://www.monsite-meteo.eu/meteo/PageG ... rmales.php
Ce graphique est inspiré de celui que Pierre-André avait fait il y a un moment. Cependant, il présentait quelques inconvénients.
Pour afficher les "Normales, il fallait les saisir manuellement tous les ans. C'était fastidieux et on loupait le réveillon de nouvel an pour mettre à jour les données en temps réel .
Le code PHP de la page s’allongeait tous les ans et la courbe des Normales était affichée jusqu'à la fin de l'année sans qu'il y ait de données pluie correspondantes.
Avec la méthode employée pour extraire les données de la BDD on utilisait la fonction DataGrouping de Highstock pour les afficher.
Le problème avec cette méthode, est que le nombre de données "Rain_jour" (des centaines voire plus), extraites de la BDD et le nombre de données "Normales" (12 par an) n'est pas le même.
Ceci a pour conséquence, si l'on fait un zoom sur le graphique, d'avoir des courbes qui ne veulent plus dire grand-chose car elles ne sont pas synchronisées.
J'ai donc trouvé la solution que je vous donne ici .


Et voilà. J'ai commencé par le plus simple, car le code pour afficher les même données annuellement ou pour un seul mois, comme sur cette page de mon site,contrairement à ce que l'on pourrait penser, est plus compliqué.

Mais cela vous sera expliqué dans d'autres tutos.

Bon un rayon de soleil est de retour, je vais en profiter pour aller tondre la pelouse.

Bonjour

merci Pascal pour le tuto trés bien expliqué, merci aussi a JP54 pour son aide
voici ce que ça donne chez moi : http://www.meteo-canejan.fr/graphique/p ... -annee.php

Dominique

[phil974]

Bonjour à tous et bonne année.

Je suis en traiun de réaliser ce graphique mais pour la pluvio annuelle.
Je récupère facilement mes cumuls annuels
Par contre, pouvez vous m'aiguiller sur la partie php pour les normales.
En gros je souhaite : si l'année est échue alors normale = normale annuelle
si l'année est en cours, en fonction du mois, normale = somme des normales mensuelles jusqu'au mois en cours
Simple à expliquer mais rien je sais pas comment m'y prendre

Merci à tous
Philippe

[Météo Villarzel]

Salut Philippe,

c'est bien de ça que tu parles ?
http://www.boock.ch/meteo/graphiques_ph ... _annee.php

A+

[phil974]

exactement