Jauges pluviométrie, exercice de style
Modérateurs : jturlier, Météo Villarzel
- Météo Villarzel
- Administrateur du site
- Messages : 524
- Enregistré le : 06 févr. 2014, 09:48
- Contact :
Jauges pluviométrie, exercice de style
Bonsoir,
Que pensez-vous mes jauges crées avec Highcharts ?
http://www.boock.ch/meteo/gauges_pluie.php
A+
Que pensez-vous mes jauges crées avec Highcharts ?
http://www.boock.ch/meteo/gauges_pluie.php
A+
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Re: Jauges pluviométrie, exercice de style
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
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 .
ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .
- 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
Salut Dominique,
en effet, bonne idée je n'y avais pas pensé.
J'ai corrigé avec
animation: {
duration: 5000
},
A+
en effet, bonne idée je n'y avais pas pensé.
J'ai corrigé avec
animation: {
duration: 5000
},
A+
Re: Jauges pluviométrie, exercice de style
ç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 .
ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .
-
- Messages : 332
- 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
Bonjour les amis,
Elles sont magnifiques ses jauges
Jolie travail Pierre André
Elles sont magnifiques ses jauges
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/
http://www.meteo-jarny.com/
Re: Jauges pluviométrie, exercice de style
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
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
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/
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/
- 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
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
Pour la norme annuelle je n'ai pas trop cherché, toujours la flemme, j'ai donc mis la valeur annuelle dans toutes les lignes
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;}
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;}
Re: Jauges pluviométrie, exercice de style
bonjour a tous, bon WE
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
Dieu te le rendra au centuple.Avec ma grande bonté, je vais vous mettre tous ça dans un fichier.
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
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/
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/
- PascalWMR
- Messages : 328
- Enregistré le : 16 févr. 2014, 09:28
- Localisation : CONFLANS EN JARNISY (F54800)
- Contact :
Re: Jauges pluviométrie, exercice de style
Bonjour à tous
Ben cré vindiou q'cest ben beau tout çà.
Félicitation Pierre-André et merci pour le partage.
A+
Pascal
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
Météo Conflans-en-Jarnisy
-
- Messages : 263
- Enregistré le : 15 févr. 2014, 09:23
- Localisation : San Sebastián, España
- Contact :
Re: Jauges pluviométrie, exercice de style
Bonjour à tous
Magnifique création de maître Pierre-André
Félicitations!
Merci beaucoup pour le partage, et maintenant ... au travail
Javier
Magnifique création de maître Pierre-André
Félicitations!
Merci beaucoup pour le partage, et maintenant ... au travail
Javier
Davis Vantage Pro2 +, Windows 10, Windows 7 (64), Graphweather 3.0.15, Weatherlink 6.0.3, template Pierre-André, template Jachym