(résolu)Position d'une image sur une gauge

[paaubert]

Bonjour, je viens de faire un site sur mes données [url]http:/www.boock.ch//meteo-villarzel.php[/url]météo et je fait mes graph avec GW, c'est vraiment un super programme et je remercie l'auteur pour l'énorme travail accompli.
J'ai une question, je modifie une feuille de style pour ma page d'accueil et j'ai un petit problème avec une image qui superpose les petites flèches min et max sur les gauche.


j'aimerais déplacer sur la gauche mon image des couleurs pour l'humidex mais en dessous des flèches.



l'image cache les flèches.

Merci pour votre aide

Voici le code de ma gauge

• <!-- ================= Outdoor humidex aubert2 ================= -->
  <lineargauge width="130" height="300" shadow="0" orientation="1" position-x="455" position-y="0" margin-top="26" margin-right="9" margin-bottom="77" margin-left="11" >
  <title text="$Current[heat_index] $Unit[]" alignement="relative" angle="0" position-x="0.47" position-y="0.86">
  <font color="FF000000" facename="Arial" size="20" weight="400" italic="1" />
  </title>
  <axis color="FF000000" min="0" max="60" side="hcenter" titlemargin="20">
  <title text="Humidex" alignement="vcenter|hcenter" angle="180">
  <font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
  </title>
  <labels labelinterval="1" side="left" hide="0">
  <font color="FF000000" facename="Arial" size="14" weight="400" italic="1" />
  </labels>
  <ticks majorticks="7" minorticks="4" side="left" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" minorticksize="5" majorticksize="9"/>
  </axis>
  <index>
  <current_heat_index color1="8000FF33" color2="FFCC0000" filled="1" side="left" thick="9" axisdelta="0"/>
  <stats_day_max_heat_index texture="img_modern_index_20x24.png" side="left" thick="9" axisdelta="0"/>
  <stats_day_min_heat_index texture="img_modern_index_20x24.png" side="left" thick="9" axisdelta="0"/>
  </index>
  <border cornerradius="0" color="FF000000" thick="0" />
  <background color="ff0000ff" texture="img_modern_thermo1_130x300.png" stretch="1" />
  <gaugebackground color="FF000000" texture="" />
  </lineargauge>
  <frame width="130" height="300" position-x="455" position-y="0">
  <background color="ff0000ff" texture="img_modern_thermo2_130x300.png" stretch="1" />
  </frame>
  <frame width="10" height="200" position-x="525" position-y="25">
  <background color="ff0000ff" texture="humidex_tabel.png" stretch="1" />
  </frame>

[jturlier]

Bonjour,
humidex n'est pas une sonde, mais une balise de stat.
L'utilisation est apparemment de ce type (sous toute réserve, voir le sujet "liste des balises") :

$Stats[Period,Element,Probe,DFormat]

Period : Full, Year, Month, Day ou date encodée (voir ci dessous)

Date encodée :
- Jour 20080102 (2 janvier 2008)
- Mois 200801 (janvier 2008)
- Année 2008 (2008)

Bonne journée

Jean

[paaubert]

Merci pour la réponse, mais apparemment ma gauche fonctionne, j'ai testé avec plusieurs température et degrés d'humidité.

Mon problème est que j'aimerais mettre la petite image (verticale avec un dégradé de couleur) au dessous des flèches qui indique le min et le max, actuellement cette image cache les flèches.

[jturlier]

OK, je n'avais pas compris,
En essayant ta feuille de style, je ne comprends toujours pas où est ton pb, Le résultat qui s'affiche correspond bien à ce que tu as fait.
la bande multicolore correspond bien à la sonde current_heat_index .

essai_humidex.jpg

Si par contre tu veux mettre cette barre en background de tes flèches, il faut que tu crées un index avec une sonde qui a un maxi élevé comme par ex l'humidité,

essai2_humidex.jpg

<index>
<stats_day_max_heat_index texture="img_modern_index_20x24.png" side="left" thick="9" axisdelta="0"/>
<stats_day_min_heat_index texture="img_modern_index_20x24.png" side="left" thick="9" axisdelta="0"/>
<max_outdoor_temperature color1="FFff0000" color2="FFff0000" filled="1" side="left" thick="9" axisdelta="0"/>
<current_outdoor_humidity color1="8000FF33" color2="FFCC0000" filled="1" side="right" thick="9" axisdelta="6"/>
</index>
<border cornerradius="0" color="FF000000" thick="0" />
<background color="ff0000ff" texture="img_modern_thermo1_130x300.png" stretch="1" />
<gaugebackground color="FF000000" texture="" />
</lineargauge>
<frame width="130" height="300" position-x="455" position-y="0">
<background color="ff0000ff" texture="img_modern_thermo2_130x300.png" stretch="1" />
</frame>

Est-ce ce que tu voulais ?

Bonne soirée

Jean

[paaubert]

Salut Jean,
merci pour ton aide, ta solution est très bien, mais je cherchais juste à mettre mon image "humidex_tabel.png* comme référence à côté de l'échelle graduée pour indiquer que dans le vert l'humidex est supportable et que dans le rouge il y a danger. Mon code fonctionne à part que mon image cache les flèches min et max.

[jturlier]

Bonsoir,
sur le mien tu les vois j'ai enlevé le humidex_tabel.png qui cache tout, mais ça passe du vert au rouge,
Comme tu veux du vert,du bleu et du rouge, tu ne peux pas faire ça avec les dégradés, dans ce cas, il faut régler la transparence de humidex_tabel.png à 40% à l'enregistrement mais ça ne rendra pas pareil.
Une autre solution serait de reprendre img_modern_thermo2_130x300.png, de le renommer et de lui rajouter un calque avec humidex_tabel.png ce serait le mieux et le plus facile à faire (certains utilisent photoshop -les riches-, personnellement je préfère Gimp qui est gratuit).

Jean

[paaubert]

a bin oui, je suis bête je n'avais pas pensé de refaire l'image img_modern_thermo2_130x300.png. En fait je ne connaît absolument rien en xlm et je pensait qu'il était possible de choisir si on voulait mettre une image pas dessus ou par-dessous une autre, comme dans un programme de retouche photo par exemple.
en tout cas je te remercie encore pour m'avoir consacré de ton temps.

A+ et bonne fin de soirée