Météo Villarzel Suisse

Impacts de foudre
Ephéméride - PDA Prévisions Alertes - Dangers Température Pression - Humidité Solaire et UV Rayonnement solaire Pluviométrie Vent Agriculture Chauffage Danger feux de forêt Info station Activité sismique Astronomie Divers / Liens / Explications Créations / GW / Tutoriels Evénement météo

Hors météo Broye Mon étang Consommation électrique Pompe à chaleur Panneaux solaire Serre

Livre d'Or

Forum Highcharts

Privé

Version pour mobile




Merci à nos donateurs:
M. Blanc
M. JavierMartinez
M. Viktor
M. Emanuel Roggen
M. Raphaël Chochon
M. José Luis Sanchez
M. Daniel Stuyck
M. Jean-Pierre Tonnele
M. Benoist Lerouge
M. Pierre Sabatier

M. Patrick Ollivier
M. Michel Le Viol
M. César López
M. Didier Mestric
M. Francesco Paolo Trapani
M. Charles Durand
M. Philippe Blanchard
M. Benjamin Leblic
Philippe Dupertuys
M. Jaume Mas Ferrer
M. Daniel Lavocat
M. Jean-Pierre Bernard
M.Gérard Egger
M. Jean-Claude Birade
M. Dominique Herraire
M. Eric Lemoine
M. Jean Gabriel Boulet
M. Olivier Bovel
M. Arnaud Rahier
M. Bruno Goyac
M. Jean Michel Vouillot
M. Sarah Cordeau
M. Jean-Pierre Grieu
M. Loic Roulin
M. Michel Beel
M. Dominique Gautheron
M. Hubert Verwilghen
Picardie WebMarketing
M. Patrick Puydebois
M. Thierry Hauuy
M. Francis Mirante


 

Visiteurs depuis le 07.01.2010

 

 

Visites du jour :

 

 

Service Cron Gratuit

 


Tutoriel feuille de style pour GraphWeather
(page 4)

Sur cette page, je vais vous montrer quelques autres propriétés de balises et sondes.
 
   

1.- Ajouter une ligne sur un axe y, pour par exemple indique le 0°C.

 
Nous allons reprendre la feuille de style que nous avons créé précédemment et lui rajouter une ligne qui indiquer le 0°C avec la balise "threshold" cette balise est à placer dans <data>
 
<threshold axisbind="y1axis" legend="Limite 0°C" color1="FFFF0000" value="0" thick="1.0"/>
Vous pouvez bien sur placer cette balise sur un autre axe, par exemple l'axe y2 de notre graphique
 
 <threshold axisbind="y2axis" legend="1000 Hpa" color1="FF009000" value="1000" thick="1.0" hidelegend="1"/>
   

2.- Comment rajouter une sonde, par exemple la température intérieure

 

On va rajouter la température intérieure sur notre graphique et pour différencier les deux courbes de température, nous allons tracer cette dernière en pointillé grâce à la balise "pattern"
On rajoute entre les balises <data> </data> cette ligne

 
 <indoor_temperature axisbind="y1axis" legend="Temperature int." color1="FFFF0000" thick="1.2" hidelegend="1" pattern="F0F0F0F0"/>
   

3 .- Rajouter une légende sur le graphique.

 
Nous avons rajouter une sonde qui indique la température intérieure, mais rien n'indique quelle courbe correspond à quoi, pour cela nous allons rajouter une légende pour différencier les deux sondes de température.
 
Pour commencer nous mettons la balise "hidelegend" à 0 pour les deux sondes de température.
 
<outdoor_temperature axisbind="y1axis" legend="Temperature ext." color1="FFFF0000" thick="1.2" hidelegend="0"/>
<indoor_temperature axisbind="y1axis" legend="Temperature int." color1="FFFF0000" thick="1.2" hidelegend="0" pattern="F0F0F0F0"/>
Par défaut la légende est placée en haut à droite du graphique, dans notre cas ce n'est pas très heureux comme résultat, nous allons déplacer la légende avec la balise "legend"
 
orientation="1" (vertical) orientation="0" (horizontal) pour la position et la dimension, les balises sont les même que pour un textbox
 
<legend orientation="1" margin="6" width="200" position-x="550" position-y="380" shadow="1">
<font color="FF000000" facename="Arial" size="14" weight="400" italic="1" />
<border cornerradius="10" color="55555555" thick="1" />
<background texture="tex_bluegrad.png" stretch="1" />
</legend>
Vous pouvez aussi activer la légende pour la pression et l'humidité en mettant la balise "hidelegend" à 0 le cadre de la légende s'agrandit automatiquement

4 .- La balise "shadow"

 
Vous avez remarqué que la balise "shadow" est présente à deux endroits dans le code de notre graphique, cette balise rajoute une ombre portée sur les objets
shadow="0" = pas d'ombre portée
shadow="10" = 'ombre portée de 10 pixels
 
   
   
   
   

 

 

Une autre petite pose et on passe à la page suivante (autres graphiques)

 
   
Untitled Document

Vous avez aimé ce tutoriel, il vous a rendu service,
alors dites-le-moi.
Ou aidez-moi à maintenir ce site en fonction.
 
  Untitled Document
Station Davis Vantage Pro 2 + station agricole - Weatherlink 6.0.0 - GraphWeather 3.0.15
© 2010-2013, Météo Villarzel - Webmaster Aubert Pierre-André

Attention, les données météo publiées sur ce site sont issues d'une station météo personnelle et ne sont données qu'à titre indicatif,
elles ne peuvent en aucun cas être utilisées pour garantir la protection des personnes ou de biens quelconques.
Stations amies