Tutoriels

[TiToine]

Salut,

Il faut que tu mettes "current_relative_pressure" pour la pression relative. Exemple :

<index>
<current_relative_pressure color1="FFFF0000" color2="FF00FF00" filled="1" texture="img_modern_index_120x40.png" side="2" thick="9" axisdelta="0"/>
</index>

current_wind_direction, current_wind_speed, etc.

Tu peux prendre exemple sur gauge.xml

[jdny]

Pour current_relative_pressure c'est OK (voir petit cadran inférieur avec aiguille blanche).
Ce que je voudrais, c'est que l'aiguille des heures indique l'heure et l'aiguille des minutes indique les minutes. Un truc un peu comme ça :

<index>
<current_date format="%H" filled="1" texture="aiguille_heure.png" side="2" thick="9" axisdelta="0"/>
</index>

[TiToine]

Ah, ca n'est pas possible de faire ca. Je pourrais peut-être ajouter cette possibilité pour une future version.

[dominique]

bonjour

j'essai de creer une feuille de style grace au tuto de TiToine mais pratiquement depuis le depart je n'obtient pas les mêmes resultat. à ce niveaux:

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="400" height="300" />
<lineplot width="300" height="200" position-x="50" position-y="250">
<xaxis color="ff0000ff"></xaxis>
<y1axis color="ff0000ff"></y1axis>
</lineplot>
</stylesheet>

dans graphweather je ne vois qu'un trait de +-1 cm sur les ordonnées.

qui peut me dire pourquoi ça marche pas
merci

[TiToine]

Salut,

Essaie comme ça voir :

<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="400" height="300" />
<lineplot width="300" height="200" position-x="20" position-y="20">
<xaxis color="ff0000ff"></xaxis>
<y1axis color="ff0000ff"></y1axis>
</lineplot>
</stylesheet>

Ce tutoriel est assez vieux et il me semble que j'ai changé entre temps le systême de coordonnées (le coin haut gauche est la référence).

Antoine

[dominique]

salut TiToine

ça fonctionne aprés modification par contre j'ai l'impression que la suite du tuto n'est plus à jour lorsque je continue en n'oubliant pas de modifier les position, le graph n'apparait plus.

j'essais de comprendre en ouvrant un autre fichier " tab-pressure-humidity.xml" mais ce n'est pas evident.

domi

aprés avoir à peu prés compris j'ai apporté des modification, mais il reste le blanc dans chaque angles, peut on l'enlever?

http://meteo.canejan.free.fr/lesreleves/index.html

[TiToine]

Il faudrait que tu postes ton xml pour voir ou faire la modification. En général il faut prendre une couleur de background qui correspond a ton fond de site web car le Jpeg ne supporte pas la transparence.

[dominique]

bonjour

voici le code :

Code : Tout sélectionner

 <?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
  <image width="900" height="560" />
  <frame width="900" height="560" position-x="0" position-y="0" shadow="0">
    <title text="" alignement="3" angle="0">
      <font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
    </title>
    <background color1="FFFFFF99" color2="FFFFFF99" gradient="1" gradient-direction="135" stretch="1" />
    <border cornerradius="90" color="FFCC6633" thick="10" />
  </frame>
	<!-- ================= First Lineplot =================  -->
  	<lineplot width="830" height="300" shadow="0" position-x="10" position-y="10" margin-top="40" margin-right="20" margin-bottom="40" margin-left="65">
		<xaxis color="FF000000" grid="1" autoscale="1" min="0" max="0">
			<title text="" alignement="20" angle="0">
				<font color="FF000000" facename="Arial" size="12" weight="400" italic="1" />
			</title>
			<labels labelinterval="1" angle="0"  side="2" hide="0">
				<font color="FF000000" facename="Arial" size="12" weight="400" italic="1" />
			</labels>
			<ticks majorticks="7" 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="1" titlemargin="35">
			<title text="Température ($UNIT[TEMPERATURE])" alignement="20" angle="0">
				<font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
			</title>
			<labels labelinterval="1" angle="0" format=".0" side="2" hide="0" >
				<font color="FF000000" facename="Arial" size="12" weight="400" italic="1" />
			</labels>
			<ticks majorticks="4" 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">
				<font color="FF000000" facename="Arial" size="18" weight="400" italic="1" />
			</title>
			<labels labelinterval="1" angle="0" format=".0" side="8" hide="0">
				<font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
			</labels>
			<ticks majorticks="5" minorticks="4" side="8" hidefirst="0" hidelast="0" hideminorticks="0" hide="0" />
		</y2axis>
    <data>      
             <relative_pressure axisbind="y2axis" legend="pression" color1="3000FF00" color2="300000FF" antialiasing="10" filled="1" hide="0" />
      <relative_pressure axisbind="y2axis" legend="pression" color1="FF33CC00" antialiasing="1" hidelegend="1" thick="1.2"/>
           <outdoor_temperature axisbind="y1axis" legend="Température ext." color1="FFFF0000" antialiasing="10" filled="0" hide="0" thick="1.2"/>
    </data>
    <legend orientation="0" margin="5" width="745" position-x="75" position-y="20" hide="0" shadow="0">
      <font color="FF000000" facename="Arial" size="12" weight="400" italic="1" />
      <border cornerradius="0" color="55555555" thick="1" />
      <background color1="FFBBBBFF" color2="FFFFFFFF" gradient="1" gradient-direction="90"/>
    </legend>
    <border cornerradius="0" color="55555555" thick="0" />
    <background color1="00000000" stretch="1" />
    <graphbackground color1="FFCCCCFF" color2="FFCCCCFF" gradient="1" gradient-direction="360" />
	</lineplot>
  <!-- ================= Statistics ================= -->
  <textbox width="760" height="210" shadow="0" position-x="70" position-y="320" margin="20" >
    <border cornerradius="0" color="55555555" thick="1" />
    <text alignement="3">
      <line text="Rapport généré le $CURRENT_DATE[%A %d %B %Y à %Hh%M]n"/>
      <line text="Du $START_DATE[%A %d %B %Y à %Hh%M]"/>
      <line text="Au $STOP_DATE[%A %d %B %Y à %Hh%M]"/>
      <line text=""/>
      <line text="ttttMinitttttMaxittttMoyenne"/>
      <line text=""/>
      <line text="Température ext. :t $MIN[outdoor_temperature] $UNIT[TEMPERATURE] - $MINDATE[outdoor_temperature,%d %b %Y à %Hh%M]tt$MAX[outdoor_temperature] $UNIT[TEMPERATURE] - $MAXDATE[outdoor_temperature,%d %b %Y à %Hh%M]tt$MEAN[outdoor_temperature] $UNIT[TEMPERATURE]"/>
      <line text="Pression rel. :tt $MIN[relative_pressure] $UNIT[PRESSURE] - $MINDATE[relative_pressure,%d %b %Y à %Hh%M]t$MAX[relative_pressure] $UNIT[PRESSURE] - $MAXDATE[relative_pressure,%d %b %Y à %Hh%M]t$MEAN[relative_pressure] $UNIT[PRESSURE]"/>
                  <font color="FF000000" facename="Arial" size="14" weight="400" italic="1" />
    </text>
        <background color1="FFBBBBFF" color2="FFFFFFFF" gradient="1" gradient-direction="90" />
  </textbox>

        <border cornerradius="0" color="55555555" thick="1" />
    <text text="Statistiques" alignement="64" angle="90">
      <font color="FF000000" facename="Arial" size="14" weight="400" italic="1" />
    </text>
    <background color1="FFBBBBFF" color2="FFFFFFFF" gradient="1" gradient-direction="180" />
  </stylesheet>

dominique

[jturlier]

Dominique, bonjour,
tu as plusieurs possibilités, soit tu mets le cornerradius de ton frame à 0, soit tu dessines sous ton frame un autre frame de la même dimension, avec seulement la définition de la couleur du background comme ci-dessous :
(Si je fais erreur Antoine rectifiera : je ne suis pas sûr qu'il soit nécessaire de mettre les positions et l'ombre)

<image width="900" height="560" />
<frame width="900" height="560" position-x="0" position-y="0" shadow="0">
<background color="FFFFFF99" />
</frame>
<frame width="900" height="560" position-x="0" position-y="0" shadow="0">
<title text="" alignement="3" angle="0">
<font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
</title>
<background color1="FFFFFF99" color2="FFFFFF99" gradient="1" gradient-direction="135" stretch="1" />
<border cornerradius="90" color="FFCC6633" thick="10" />
</frame>

[dominique]

bonsoir

je viens de rajouter un autre frame comme tu m'a dit et .... super on ne voit plus rien.
au debut on apercevait encore un tout petit peu de blanc donc j'ai augmenté legerement la taille du frame:

<image width="900" height="560" />
<frame width="910" height="570" position-x="0" position-y="0" shadow="0">

merci

dominique

[TiToine]

En fait le plupart des stylesheets tiendraient en quelques ligne car beaucoup de balises et attributs sont à leur valeur par défaut, et donc ne servent à rien. Je les laisse pour que les bidouilleurs puissent jouer avec.

Antoine.

[dominique]

bonjour TiToine

est il possible de rajouter une bannière du site ( si il y a ) au début de la rubrique relevés.

http://meteo.canejan.free.fr/lesreleves/index.html

dominique

[TiToine]

Dans une feuille de style ?

[dominique]

non, je souhaite si possible mettre une bannière (si il y a) tout au debut de la page ou se trouve les relevés avec un lien direct vers http://www.aguilmard.com/

dominique

[TiToine]

Ah ok, la bannière de GraphWeather. Tu peux trouver dans le répertoire d'installation splashscreen.bmp qui est un genre de bannière. Merci pour la pub !

Antoine.