Jauges pluviométrie, exercice de style

Mettez un lien vers vos créations.

Modérateurs : jturlier, Météo Villarzel

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Jauges pluviométrie, exercice de style

Message par Météo Villarzel » 26 mars 2015, 20:55

Bonsoir,
Que pensez-vous mes jauges crées avec Highcharts ?
http://www.boock.ch/meteo/gauges_pluie.php
jauges_pluie.jpg
A+
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

muchistic
Messages : 142
Enregistré le : 17 févr. 2014, 20:20
Localisation : Canejan (33)
Contact :

Re: Jauges pluviométrie, exercice de style

Message par muchistic » 26 mars 2015, 22:02

Bonsoir

hé bien moi je dit qu'elles sont superbe ces jauges :) !!
après sur ta page je trouve que le temps de chargement (remplissage des jauges ) est trop rapide, mais ce n'est que mon avis.

Dominique
https://www.meteo-canejan.fr/

ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Jauges pluviométrie, exercice de style

Message par Météo Villarzel » 26 mars 2015, 22:11

Salut Dominique,
en effet, bonne idée je n'y avais pas pensé.
J'ai corrigé avec

animation: {
duration: 5000
},

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

muchistic
Messages : 142
Enregistré le : 17 févr. 2014, 20:20
Localisation : Canejan (33)
Contact :

Re: Jauges pluviométrie, exercice de style

Message par muchistic » 26 mars 2015, 22:15

ça fait beaucoup mieux comme ça je trouve aussi, sinon beau boulot elles sont vraiment superbes !!
https://www.meteo-canejan.fr/

ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .

JP54
Messages : 331
Enregistré le : 15 févr. 2014, 06:44
Localisation : JARNY Meurthe-et-Moselle (54) Région Lorraine
Contact :

Re: Jauges pluviométrie, exercice de style

Message par JP54 » 27 mars 2015, 07:24

Bonjour les amis,
Elles sont magnifiques ses jauges :D
Jolie travail Pierre André
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: Jauges pluviométrie, exercice de style

Message par alain » 27 mars 2015, 14:23

bonjour a tous
Avec higchart!!!
pffff :o c'est quoi est ce la ruse !
tu importe une image, et tu graph dessus en transparence?
Sinon, moi j'en veux une comme ça... C'est mon anniversaire, ou ma fête, mais j'en veut une :mrgreen: je peux te trouver mille raison ;)
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Jauges pluviométrie, exercice de style

Message par Météo Villarzel » 27 mars 2015, 15:23

Hello,
Avec ma grande bonté, je vais vous mettre tous ça dans un fichier.

Effectivement c'est possible de faire des dessins en html5 avec Highcharts
http://jsfiddle.net/gh/get/jquery/1.9.1 ... /renderer/
Mais comme je suis un peu flemmard, j'ai préféré faire un dessin en png avec une transparence.
Image

Je vous joint les 4 fichiers + l'image dans un zip
http://www.boock.ch/meteo/graphiques_ph ... pluvio.zip

Bon comme c'était un test, le code est un peu brut de coffrage, si vous voulez le nettoyer :lol:

Si vous changer les dimensions du graphique, le plus dur est d'adapter l'image au graphique.

Amusez-vous bien

A+

chart.renderer.image('pluvio.png',7, 54, 127, 195).add()

le premier chiffre représente la position x de l'image
le deuxième, la position y
le troisième la largeur de l'image
et le quatrième la hauteur de l'image

Pour afficher les normales par mois, j'ai utilisé le script de Pascal (merci) vous devez changer les valeurs ici

Code : Tout sélectionner

   if (date("m",$time[$i]/1000)==1) {$NormaleMensuelle[$i]=53;}
   elseif (date("m",$time[$i]/1000)==2) {$NormaleMensuelle[$i]=47;}
   elseif (date("m",$time[$i]/1000)==3) {$NormaleMensuelle[$i]=60;}
   elseif (date("m",$time[$i]/1000)==4) {$NormaleMensuelle[$i]=68;}
   elseif (date("m",$time[$i]/1000)==5) {$NormaleMensuelle[$i]=90;}
   elseif (date("m",$time[$i]/1000)==6) {$NormaleMensuelle[$i]=90;}
   elseif (date("m",$time[$i]/1000)==7) {$NormaleMensuelle[$i]=88;}
   elseif (date("m",$time[$i]/1000)==8) {$NormaleMensuelle[$i]=95;}
   elseif (date("m",$time[$i]/1000)==9) {$NormaleMensuelle[$i]=84;}
   elseif (date("m",$time[$i]/1000)==10) {$NormaleMensuelle[$i]=86;}
   elseif (date("m",$time[$i]/1000)==11) {$NormaleMensuelle[$i]=64;}
   elseif (date("m",$time[$i]/1000)==12) {$NormaleMensuelle[$i]=66;}
Pour la norme annuelle je n'ai pas trop cherché, toujours la flemme, j'ai donc mis la valeur annuelle dans toutes les lignes :roll:

Code : Tout sélectionner

   if (date("m",$time[$i]/1000)==1) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==2) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==3) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==4) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==5) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==6) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==7) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==8) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==9) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==10) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==11) {$NormaleMensuelle[$i]=891;}
   elseif (date("m",$time[$i]/1000)==12) {$NormaleMensuelle[$i]=891;}
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

alain
Messages : 101
Enregistré le : 21 nov. 2014, 20:23

Re: Jauges pluviométrie, exercice de style

Message par alain » 27 mars 2015, 17:27

bonjour a tous, bon WE
Avec ma grande bonté, je vais vous mettre tous ça dans un fichier.
Dieu te le rendra au centuple.
Mais comme je suis au pays du bon vin.... je voit une autre utilisation, car l'image subliminale qui est véhiculée par ce graph.....
- Un bon verre de bon vin qui se remplit, manque le son.. Mais bon :mrgreen:
- me reste a programmer le fromage
- la baguette de pain
Je salive, bon je retourne a ma programmation, cela ne peut attendre :lol:
station Orégon WMR 200
logiciel Xnet version 2012-03-17a et Graphweather V 3.0.15
windows XP SP3 sur vieux portable destiné a la météo
Windows7 sur mon portable, permet de tester les applications qui ne veulent plus de XP
http://mapetitemeteo.esy.es/

Avatar du membre
PascalWMR
Messages : 323
Enregistré le : 16 févr. 2014, 09:28
Localisation : CONFLANS EN JARNISY (F54800)
Contact :

Re: Jauges pluviométrie, exercice de style

Message par PascalWMR » 27 mars 2015, 17:57

Bonjour à tous

Ben cré vindiou q'cest ben beau tout çà.

Félicitation Pierre-André et merci pour le partage.

A+
Pascal
Station VP2Plus, Windows 10 64 bits,WeatherLink 6.0.5, VP2SQL, Graphiques Dynamiques à partir d'une BDD MySQL
Météo Conflans-en-Jarnisy
Image

Javier
Messages : 263
Enregistré le : 15 févr. 2014, 09:23
Localisation : San Sebastián, España
Contact :

Re: Jauges pluviométrie, exercice de style

Message par Javier » 27 mars 2015, 22:03

Bonjour à tous

Magnifique création de maître Pierre-André :o

Félicitations!

Merci beaucoup pour le partage, et maintenant ... au travail :D

Javier
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym
Image

Répondre