But: avoir une jauge qui indique l'hygrométrie avec deux index pour indiquer le min et le max de la journée, ainsi qu'un récapitulatif en texte dans le bas de la jauge avec la variation sur une heure.

Comme pour nos premiers graphiques, on commence par créer une image et un cadre qui contiendra notre image de base.
toujours entre les balises <stylesheet>, nous ajoutons la balise "stretch" pour adapter la grandeur de l'image à la grandeur du cadre.

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
  <image width="300" height="300" />
  <!-- ================= Fond ================= -->
    <frame width="300" height="300" position-x="0" position-y="0">
      <background texture="pression_fond.png" stretch="1" />
    </frame>
</stylesheet>

On rajoute la balise "circulargauge" Avec les dimensions et les marges

<circulargauge width="300" height="300" orientation="1" position-x="0" position-y="0" margin-top="50" margin-right="50" margin-bottom="50" margin-left="50" >

On met en forme l'axe, le min et le max ainsi que l'angle de départ et de fin avec les balises " fromangle" et "toangle" et on rajoute les labels "labels" et les graduations "ticks"

 <axis color="FF000000" min="980" max="1040" titlemargin="50" titleside="top" fromangle="-45" toangle="225">
        <title text="Pression\nrelative" alignement="vcenter|hcenter" angle="0" >
          <font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
        </title>
        <labels labelinterval="1" side="0" hide="0">
          <font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
        </labels>
        <ticks majorticks="7" minorticks="4" side="left" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" minorticksize="5" majorticksize="9"/>
  </axis>

On rajoute valeur actuelle avec la balise "title" on la positionne et on défini la police de caractère

<title text="$Current[relative_pressure,6.1] $Unit[Pressure]" alignement="relative" angle="0" position-x="0.5" position-y="0.80">
          <font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
 </title>

On va rajouter les données, attention sur les graphiques précédents les données étaient placées dans la balise "data", maintenant elles sont placées dans la balise "index" on ajoute aussi l'image de l'aiguille

 <index>
        <current_relative_pressure texture="aiguille_pression.png" />
 </index>

On rajoute les deux index

<index>
        <stats_day_min_relative_pressure texture="index_pression_rouge.png" />
        <stats_day_max_relative_pressure texture="index_pression_vert.png" />
</index>

On rajoute encore les deux frames avec les valeurs min max et tendance sur la dernière heure

      <!-- ================= texte pression +- ================= -->
      <frame width="180" height="128" position-x="60" position-y="193">
        <title text=" ($Current[rate_relative_pressure] $Unit[Pressure]/h)" alignement="relative" position-x="0.5" position-y="2.0">
          <font color="FF003399" facename="Arial" size="15" weight="450" italic="0" />
        </title>
      </frame>
      <!-- ================= texte pression min-max ================= -->
        <frame width="150" height="128" position-x="75" position-y="213">
          <title text="Min: $Stats[Day,Min,relative_pressure,.1] $Unit[Pressure]\nMax: $Stats[Day,Max,relative_pressure,.1] $Unit[Pressure]" alignement="relative" position-x="0.3" position-y="2.0">
            <font color="FF000000" facename="Arial" size="13" weight="450" italic="0" />
          </title>
        </frame>

C'est terminé, voici encore le code complet de la feuille de style.

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
  <image width="300" height="300" />
  <!-- ================= Fond ================= -->
    <frame width="300" height="300" position-x="0" position-y="0">
      <background texture="pression_fond.png" stretch="1" />
    </frame>
    <circulargauge width="300" height="300" orientation="1" position-x="0" position-y="0" margin-top="50" margin-right="50" margin-bottom="50" margin-left="50" >
      <axis color="FF000000" min="980" max="1040" titlemargin="50" titleside="top" fromangle="-45" toangle="225">
        <title text="Pression\nrelative" alignement="vcenter|hcenter" angle="0" >
          <font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
        </title>
        <labels labelinterval="1" side="0" hide="0">
          <font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
        </labels>
        <ticks majorticks="7" minorticks="4" side="left" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" minorticksize="5" majorticksize="9"/>
      </axis>
      <title text="$Current[relative_pressure,6.1] $Unit[Pressure]" alignement="relative" position-x="0.5" position-y="0.80">
        <font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
      </title>
      <index>
        <current_relative_pressure texture="aiguille_pression.png" />
        <stats_day_min_relative_pressure texture="index_pression_rouge.png" />
        <stats_day_max_relative_pressure texture="index_pression_vert.png" />
      </index>
    </circulargauge>
    <!-- ================= texte pression +- ================= -->
      <frame width="180" height="128" position-x="60" position-y="193">
        <title text=" ($Current[rate_relative_pressure] $Unit[Pressure]/h)" alignement="relative" position-x="0.5" position-y="2.0">
          <font color="FF003399" facename="Arial" size="15" weight="450" italic="0" />
        </title>
      </frame>
      <!-- ================= texte pression min-max ================= -->
        <frame width="150" height="128" position-x="75" position-y="213">
          <title text="Min: $Stats[Day,Min,relative_pressure,.1] $Unit[Pressure]\nMax: $Stats[Day,Max,relative_pressure,.1] $Unit[Pressure]" alignement="relative" position-x="0.3" position-y="2.0">
            <font color="FF000000" facename="Arial" size="13" weight="450" italic="0" />
          </title>
        </frame>
      </stylesheet>

Une autre petite pose et on passe à la page suivante