Graphique pour chaque type de mesure

Didier · Message par **Didier** » mar. août 22, 2006 8:34 pm

Si je puis me permettre ce serait super si quelqu'un arriverait à faire des graphiques pour chaque type de mesure par exemple: pression, humidité, pluie, température, etc.. avec la possibilité de varier les dates du graphique un peu comme les mini-graphiques de WSWIN32. Ou est-ce difficile de les faire soi-même. Les feuilles de style me paraissent assez ardues.

Message par **TiToine** » mar. août 22, 2006 11:53 pm

Salut Didier,

On pensait à la meme chose !
J'avais envie de faire des graphiques simples pour chaques sondes...mais je n'ai pas encore eu le temps.

Sinon tu peux regarder du coté tutorial :
http://graphweather.protosigma.com/inde ... =tutorial1

A la fin il y a un mini graphique avec quand même deux axes et 3 courbes.
Tout tiens en quelques lignes :

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="400" height="300" />
<lineplot width="280" height="200" position-x="50" position-y="250">
<xaxis color="FF0000FF"></xaxis>
<y1axis color="FF0000FF" titleside="2" titlemargin="40">
<ticks side="2"/>
<title text="Température (C°)" alignement="20" />
</y1axis>
<y2axis color="FF0000FF" side="8" titleside="8">
<labels side="8"/>
<title text="Pression (hPa)" alignement="20" />
</y2axis>
<data>
<outdoor_temperature axisbind="y1axis" color1="FFFF0000"/>
<dew_point axisbind="y1axis"color1="40FF0000" color2="200000FF"
filled="1"/>
<absolute_pressure axisbind="y2axis" color1="FF00FF00"/>
</data>
</lineplot>
</stylesheet>

La raison pour laquelle les feuilles de styles paraissent compliquées c'est parcequ'elles sont longues. En fait les 3/4 de ce qui est écrit ne sert à rien. Beaucoup de balises sont là pour "montrer" les options, mais elles ne sont pas obligatoires (elles ont leur propres valeurs par defaut).
Un graphique très simple tiens en 6 ou 7 lignes

Je précise que le tutorial n'est pas à jour et que le système des coordonnées (position-x="50" position-y="250") n'a plus pour origine le coin bas gauche, mais le coin haut gauche.

Didier · Message par **Didier** » jeu. août 24, 2006 6:32 pm

J'ai essayé de copier-coller l'exemple que tu as mis et l'a sauvé dans le répertoire Stylesheet de Graphweather. Mais lorsque je charge le nouveau xml créé quasiment rien ne s'affiche sauf le sommet de l'axe de droite et le sommet de l'axe de gauche. Ai-je oublié quelquechose ou quelquechose d'autre m'échappe ?

Message par **TiToine** » jeu. août 24, 2006 6:55 pm

Oui les positions :
position-x="50" position-y="250"
a changer en :
position-x="50" position-y="50"

Deux trois petites choses on aussi évolué, comme les alignements etc.

froggy · Message par **froggy** » jeu. août 24, 2006 8:57 pm

Je connais aussi WSWIN et ses mini fenêtres pour chaque capteur. Effectivement c'est la première des choses que j'ai cherché également dans GW. Il suffirait de fournir une feuille de style pour chaque capteur, par exemple la température 2, ci joint, ça m'a pris en gros une demie heure à partir de zéro connaissances sur GW en reprenant la feuille de style gradient. Je trouve ça super pratique mis à part le placement des objets qu'on doit faire à la mano, mais pour quelqu'un qui n'est pas habitué à bidouiller dans un script, c'est lourd...:


<lineplot width="800" height="400" shadow="5" position-x="10" position-y="10" margin-top="25" margin-right="135" margin-bottom="45"

margin-left="65">
<title text="" alignement="20" angle="0">

</title>
<border cornerradius="40" color="FF909090" thick="1" />
<xaxis color="FF000000" grid="1" autoscale="0" min="0" max="0" titleside="32">
<title text="" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="2" hide="0">

</labels>
<ticks majorticks="10" minorticks="4" side="32" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
</xaxis>
<y1axis color="FF000000" grid="1" autoscale="1" min="0" max="0" titleside="2" titlemargin="40">
<title text="Température ($UNIT[TEMPERATURE])" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="2" hide="0">

</labels>
<ticks majorticks="5" minorticks="4" side="2" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
</y1axis>
<y2axis side="8" color="FF000000" grid="0" autoscale="1" titleside="8">
<title text="Pression ($UNIT[PRESSURE])" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="8" hide="0">

</labels>
<ticks majorticks="5" minorticks="4" side="8" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
</y2axis>
<y3axis ydelta="70" side="8" color="FF000000" grid="0" autoscale="0" min="0" max="100" titleside="8" titlemargin="40">
<title text="Humidité (%)" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="8" hide="0">

</labels>
<ticks autoticks="0" majorticks="5" minorticks="4" side="8" hidefirst="0" hidelast="0" hideminorticks="0" hide="0"

/>
</y3axis>
<legend position-x="650" position-y="850" hide="0" shadow="0">

<border cornerradius="0" color="FF000000" thick="0" />
<background color="00000000" />
</legend>
<background color="FFFFFFFF" texture="tex_greengrad.png" stretch="1" />
<graphbackground color="FFFFFFFF" />
<data>
<temperature_2 axisbind="y1axis" legend="Temperature 2" color1="FFFF0000" color2="FF0000FF" antialiasing="1"

filled="0" hide="0" thick="1"/>
</data>
</lineplot>

Didier · Message par **Didier** » sam. août 26, 2006 9:00 am

Merci vous êtes vraiement tous super. Je me suis donc essayé aux feuilles de styles. J'ai réussi à mettre sur pied un certain nombre de feuilles indépendantes mais je rencontre un problème c'est sur l'apparition dans mon graphique du graph de la légende que je n'arrive pas à supprimer. Voici le code. Titoine tu peux voir que le dessin des légendes apparaît en haut à gauche. J'ai tout bidouillé mais impossible de l'enlever.

code:
<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="580" height="200" />

<lineplot width="580" height="200" shadow="5" position-x="0" position-y="0" margin-top="15" margin-right="35" margin-bottom="45" margin-left="55">

<border cornerradius="40" color="FF909090" thick="1" />
<xaxis color="FF000000" grid="1" autoscale="0" min="0" max="0" titleside="32">
<title text="" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="2" hide="0">

</labels>
<ticks majorticks="10" minorticks="4" side="2" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
</xaxis>
<y1axis color="FF000000" grid="1" autoscale="1" min="0" max="0" titleside="2" titlemargin="32">
<title text="Température + point de rosée ($UNIT[TEMPERATURE])" alignement="20" angle="0">

</title>
<labels labelinterval="1" angle="0" formatstring="0" side="2" hide="0">

</labels>
<ticks majorticks="5" minorticks="4" side="2" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
</y1axis>

<background color="FFFFFFFF" texture="tex_bluegrad.png" stretch="1" />
<graphbackground color="FFFFFFFF" />
<data>
<outdoor_temperature axisbind="y1axis" color1="FFFF0000" color2="FF0000FF" antialiasing="1" filled="0" hide="0" thick="1"/>
<dew_point axisbind="y1axis" color1="40FF0000" color2="200000FF" antialiasing="1" filled="1" hide="0" thick="0"/>
</data>
</lineplot>

</stylesheet>

J'ai également deux autres questions:

Est-il possible de calculer la hauteur estimée des nuages tel que le fait, par exemple, Virtual Weather Station (que j'utilise actuellement) afin de pouvoir l'afficher ?

Existe-t-il un programme ou quelquechose en ligne qui me permettrais d'obtenir les codes de couleur que tu utilises dans tes feuilles de style ?

Encore un tout grand merci pour toutes ces précisions.

jturlier · Message par **jturlier** » sam. août 26, 2006 10:44 am

Bonjour,

Da l'arborescence directe de stylesheet il suffit de mettre une balise légend
<legend position-x="0" position-y="0" hide="1" shadow="0"></legend>
Il existe peut être une autre solution, mais celle-ci fonctionne (voir dans quelle autre balise la propriété "hide" est utilisée)

Pour la hauteur des nuages :
Où prends-tu tes données dans vws (dbase.csv) ? si oui le champ CloudBase 'base des nuages' y est disponible et directement intégrable dans le plugin... donc pas besoin de calcul.

Jean

jturlier · Message par **jturlier** » sam. août 26, 2006 10:54 am

Didier2

Tu as aussi la possibilité pour chaque ligne de data d'ajouter la propriété hidelegend=1
ex :
<outdoor_temperature axisbind="y1axis" color1="FFFF0000" color2="FF0000FF" antialiasing="1" filled="0" hide="0" thick="1" hidelegend="1"/>
L'une des possibilités est globale, l'autre individuelle.

Jean

COULET · Message par **COULET** » sam. août 26, 2006 2:04 pm

C'est super !
Mais moi je ne comprends rien à tout votre langage ésotérique !

Pour que tout ça me soit accessible il faut le rendre comprehensible et paramétrable au commun des mortels !
Je compte sur toi Antoine !
Merci d'avance

P COULET

Message par **TiToine** » sam. août 26, 2006 4:07 pm

Très bonne explication jturlier, tu deviens expert !
La balise legend que tu as donné serait à ajouter sous la balise lineplot.
Et en effet il existe hidelegend dans les balises nom_de_sonde qui permet de cacher individuellement une ligne de légende (en fait c'est essentiellement utilisé lorsqu'on trace un gradient d'une sonde et une courbe de la même sonde par dessus, pour donner un petit effet graphique, ca évite d'avoir deux fois la légende).

Est-il possible de calculer la hauteur estimée des nuages tel que le fait, par exemple, Virtual Weather Station (que j'utilise actuellement) afin de pouvoir l'afficher ?

Oui la balise est cloud_base. Elle s'utilise comme une temperature mis a part les unités

. MIN MAX MEAN etc. sont accessibles. Possibilité de faire une jauge aussi.

Existe-t-il un programme ou quelquechose en ligne qui me permettrais d'obtenir les codes de couleur que tu utilises dans tes feuilles de style ?

http://www.toutimages.com/generateur_c.htm
Ne marche pas sous Firefox :rolleyes:

Il y a juste la transparence a ajouter devant, FF pour opaque, 00 pour transparent, et intermediaire.

Didier · Message par **Didier** » sam. août 26, 2006 7:25 pm

Merci beaucoup pour vos réponses. J'ai pu enlever cette légende graphique, super ! J'ai également trouvé le site des couleurs j'essayerais cela un peu plus tard.

Concernant les feuilles de styles c'est vrai que ce n'est pas évident. Mais depuis un jour que je suis dessus, à force d'essais, je commence à mieux comprendre leur fonctionnement. Ca demande en effet beaucoup de temps mais c'est ennivrant.

Merci encore.

jturlier · Message par **jturlier** » sam. août 26, 2006 9:08 pm

Didier,
La création, modif ainsi que la compréhention des feuilles de style sont beaucoup plus faciles si tu utilises un logiciel de création de sites de type Namo Webeditor ou dreamweaver. (j'ai les 2 mais je préfère Namo pour ce travail particulier. Je peux te dire que j'ai créé 3 autres feuilles de style en 20 Minutes à partir de ton exemple)
Tu as raison c'est enivrant. Pour ton info je travaille aussi avec VWS, mais il n'y a pas photo quant à la qualité des graphes, et en plus tout est en français... cela change !

Antoine,
merci pour l'url des codes couleurs, Je cherchais aussi cette info.

Bons graphiques à tous.
Jean