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.
|
|
|
|
|
|
|
|