positionner un index ou une aiguille

[paaubert]

on ne peut pas déplacer ce point, donc il faut créer une image dont le centre coïncide avec ce point de rotation.
Je vais essayer, mais pas le temps maintenant

[MétéoHouba]

Bonsoir,
merci à tous de vous pencher sur mon cas "quasi désespéré" , je viens de réussir à centrer les 2 cadrans en modifiant la première ligne dans le fichier *.xml, en dessous de <=== Wind speed/direction ===>, comme suit :
<circulargauge width="300" height="300" shadow="0" orientation="1" position-x="50" position-y="50" margin-top="45" margin-right="45" margin-bottom="45" margin-left="-45">.

C'est à dire une valeur négative à "margin-left".
La question: tournera t' il correctement centré? (à voir)
Pour l'index. je pense qu' il ne devrait pas y avoir de problème puisqu' il restera fixe au centre.
A+

[MétéoHouba]

"l'est bien centré mon bidule" cette fois, mais il ne tourne pas (encore): Direction du Vent ESE et la bague reste dans la position initiale...
A+

[paaubert]

Conclusion : Si quelqu'un a l'astuce pour déplacer ce centre de gravité, il a gagné...à être connu et vénère.

Bon, c'est pas encore terminé, mais ça fonctionne nickel.

rose1.jpg

rose2.jpg

[MétéoHouba]

J'ai aussi trouvé...

à demain.

[MAGNUS]

Bonjour,
S'est super d'avoir trouvé !
Pourriez vous, quant cela sera au point, indiquer la solution ?
Cordialement

[MétéoHouba]

Le problème ici est tout simplement que le cadre de l'aiguille n'est pas assez long sur la droite, il lui manque environ 120px
Citation de Jturlier

C'est juste, mais il faut aussi rajouter un point de couleur, le blanc va aussi, à l' extrême droite du rectangle, il semble qu'il ne prend pas en compte le transparent.

[paaubert]

il reste un gros problème de décalage, voir mes deux images plus haut.

MétéoHouba sur ton graphique tu as une direction N et le nord de ta rose des vent a le nord à 9h00, que ce passe t'il chez toi si tu change de direction, moi j'ai des décalages de
N = 45°
NE = OK
E = -45°
SE = 90°
S = 45°
SO = OK
O = -45°
NO = -90°

[MAGNUS]

Bonjour à tous
D'après ce que j'ai essayé, initialement , quant on crée cette image cadran qui va remplacé une flèche de direction il faut impérativement que votre image de base (cadran) ai le nord à 15 heures.

[paaubert]

Bonjour à tous
D'après ce que j'ai essayé, initialement , quant on crée cette image cadran qui va remplacé une flèche de direction il faut impérativement que votre image de base (cadran) ai le nord à 15 heures.

Je ne pense pas que c'est ça le problème, il faut juste corriger

<axis color="FF000000" min="0" max="360" titlemargin="20" titleside="bottom" fromangle="90" toangle="450">

en

<axis color="FF000000" min="0" max="360" titlemargin="20" titleside="bottom" fromangle="0" toangle="360">

Mais le problème reste présent

[MAGNUS]

Vous devriez quand même essayer ma solution, elle est gratuite.
Pourriez vous m'envoyer votre image cadran

[paaubert]

Faire une rotation de l'image ne va pas servir à grand chose, car le décalage varie en fonction de la direction, +45° +90° -45° -90°

Voici quand même l'image, elle n'est pas encore nickel, je l'ai faite hier soir en vitesse.

rose_des_vents.png

La feuille de style

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="600" height="600" />

<!-- ================= Wind speed/direction ================= -->
<circulargauge width="300" height="300" shadow="0" orientation="1" position-x="10" position-y="10" margin-top="45" margin-right="45" margin-bottom="45" margin-left="45" >
<title text="Direction $Current[wind_direction,f1]\nVitesse $Current[wind_speed] $Unit[Speed]" alignement="relative" angle="0" position-x="0.56" position-y="0.63">
<font color="FF000000" facename="Arial" size="13" weight="400" italic="1" />
</title>
<axis color="FF000000" min="0" max="360" titlemargin="20" titleside="bottom" fromangle="0" toangle="360">
<labels labels="" labelinterval="1" side="top" hide="0">
<font color="FFFFFFFF" facename="Arial" size="12" weight="800" italic="0" />
</labels>
<ticks majorticks="9" minorticks="3" side="bottom" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" minorticksize="5" majorticksize="9"/>
</axis>
<index>
<current_wind_direction color1="FFFF0000" color2="FF00FF00" filled="1" texture="rose_des_vents.png" side="left" thick="9" axisdelta="0"/>
</index>
<background texture="rose_vents_300x300.png" stretch="1" />
</circulargauge>
<circulargauge width="300" height="300" shadow="0" orientation="1" position-x="10" position-y="10" margin-top="70" margin-right="70" margin-bottom="70" margin-left="70" >
<title text="Vent" alignement="relative" angle="0" position-x="0.5" position-y="0.40">
<font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
</title>
<axis color="FF000000" min="0" max="180" titlemargin="50" titleside="bottom" fromangle="0" toangle="225">
<labels labelinterval="1" side="160" hide="0">
<font color="FF000000" facename="Arial" size="13" weight="400" italic="1" />
</labels>
<ticks majorticks="7" minorticks="2" side="bottom" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" minorticksize="5" majorticksize="9"/>
</axis>
<index>
<current_wind_speed color1="FFFF0000" color2="FF00FF00" filled="1" texture="img_modern_index4_120x40.png" side="left" thick="9" axisdelta="0"/>
<stats_day_max_wind_speed texture="img_modern_index6_120x40.png" side="left" thick="9" axisdelta="0"/>
</index>
</circulargauge>
<frame width="300" height="300" position-x="300" position-y="300">
<background color="ff0000ff" texture="img_modern2_300x300.png" stretch="1" />
</frame>
</stylesheet>

[paaubert]

le problème reste le même avec le nord décalé de 90°

rose_des_vents2.png

[MétéoHouba]

j'ai aussi des problèmes pas toujours juste...

[paaubert]

bon en réfléchissant bien, c'est logique que cela ne fonctionne pas. A l'origine la flèche indique une direction qui change et dans notre cas la position (tête de la flèche) est toujours pointée sur la même position.
Donc je ne pense pas qu'il est possible d'utiliser cette fonction $Current[wind_direction,f1]

A moins que Jean, grand maître des feuilles de style....

A+