• Jauges pluviométrie, exercice de style

Bonsoir,
Que pensez-vous mes jauges crées avec Highcharts ?
http://www.boock.ch/meteo/gauges_pluie.php

jauges_pluie.jpg

A+

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

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

animation: {
duration: 5000
},

A+

ça fait beaucoup mieux comme ça je trouve aussi, sinon beau boulot elles sont vraiment superbes !!

Bonjour les amis,
Elles sont magnifiques ses jauges

Jolie travail Pierre André

bonjour a tous
Avec higchart!!!
pffff

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

je peux te trouver mille raison

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.

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

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

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;}

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

- me reste a programmer le fromage
- la baguette de pain
Je salive, bon je retourne a ma programmation, cela ne peut attendre

Bonjour à tous

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

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

A+
Pascal

Bonjour à tous

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

Félicitations!

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

Javier

Jauges pluviométrie, exercice de style

Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style

Re: Jauges pluviométrie, exercice de style