Hallo zusammen,
ich versuche einen Text (Label)
unter einem simplechart zu schreiben.
Mein Programm sieht folgendermaßen aus :
<div class="top-space-2x"/div>
<div data-type="simplechart"
data-device="EnO_sensor_Temp_1"
data-logdevice="FileLog_EnO_sensor_Temp_1"
data-logfile="EnO_sensor_Temp_1-2020.log"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-width="400px"
data-height="200px"
data-yticks="5"
data-yunit="°C"
data-daysago="0"
data-caption="$min°C - $max°C"
</div>
<div class="top-space"/div>
<div class="big bold"
data-type="label"
data-device="EnO_sensor_Temp_1"
data-get="temperature"
data-pre-text="aktuell : "
data-post-text=" °C"
</div>
In der Ansicht steht nun aber der Text nicht
unter dem Chart sondern
über dem Chart. :-[
Was mache ich hier falsch ?
<div class="top-space"/div>
Fällt dir was auf ?
Gruß Thomas
Hallo Thomas,
ganz ehrlich : mir fällt nix auf :-[
Ich verwende "top-space" um Abstand herzustellen.
Hab ich den Befehl falsch verstanden ? Bezieht der sich nicht auf das Elemant davor ?
Sorry, diese "Grundlagen" habe ich nicht so drauf.....
Zitat<div class="top-space"</div>
Dir fehlt da ein "<"-Zeichen.
Ups, ja stimmt - das "<" fehlt.
So, hab ich eingefügt - aber es ändert nix.
Der Text steht immer noch über der Grafik und nicht drunter. :-\
<div data-type="simplechart top-space-2x"
data-device="EnO_sensor_Temp_1"
data-logdevice="FileLog_EnO_sensor_Temp_1"
data-logfile="EnO_sensor_Temp_1-2020.log"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-width="400px"
data-height="200px"
data-yticks="5"
data-yunit="°C"
data-daysago="0"
data-caption="$min°C - $max°C"
</div>
<div class="big bold top-space"
data-type="label"
data-device="EnO_sensor_Temp_1"
data-get="temperature"
data-pre-text="aktuell : "
data-post-text=" °C"
</div>
Sry, war auch zu schnel.
Klappt es so wie du dir das vorgestellt hast ?
Nein, sorry - klappt nicht.
Der Eintrage : <div data-type="simplechart top-space-2x" verursacht eine Fehlermeldung.
(hab ich wieder rausgenommen)
Und das Label steht mit dem Eintrag : <div class="big bold top-space" immer noch drüber und nicht drunter.
Komisch....ich verwende Buttons, Labels und Slider - immer steht alles in der Reihenfolge wie ich es programmiere.
Nur bei diesem "Simplechart" nicht.
Oje,Oje ::) jetzt ;D
<div class="top-space-2x"
data-type="simplechart
data-device="EnO_sensor_Temp_1"
data-logdevice="FileLog_EnO_sensor_Temp_1"
data-logfile="EnO_sensor_Temp_1-2020.log"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-width="400px"
data-height="200px"
data-yticks="5"
data-yunit="°C"
data-daysago="0"
data-caption="$min°C - $max°C"
</div>
<div class="big bold top-space"
data-type="label"
data-device="EnO_sensor_Temp_1"
data-get="temperature"
data-pre-text="aktuell : "
data-post-text=" °C"
</div>
Nochmals sorry - klappt nicht.
So langsam ist mir das peinlich, kann's aber nicht ändern - es klappt halt nicht.
Hier nochmals der gesamt Code:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<header class="big bold">Wohnzimmertemperatur</header>
<div class="top-space-2x"
data-type="simplechart"
data-device="EnO_sensor_Temp_1"
data-logdevice="FileLog_EnO_sensor_Temp_1"
data-logfile="EnO_sensor_Temp_1-2020.log"
data-columnspec="4:temperature"
data-minvalue="15"
data-maxvalue="25"
data-width="400px"
data-height="200px"
data-yticks="5"
data-yunit="°C"
data-daysago="0"
data-caption="$min°C - $max°C"
class=""
</div>
<div class="big bold top-space-2"
data-type="label"
data-device="EnO_sensor_Temp_1"
data-get="temperature"
data-pre-text="aktuell : "
data-post-text=" °C"
</div>
</li>
Und anbei ein Screenshot wie es dann angezeigt wird.
Habe es jetzt mal getestet, auch bei mir wird die Temperatur über dem Chart dargestellt, hab ehrlich gesagt keine Ahnung warum das so ist.
Tja, dann werde ich mein Layout halt erstmal so anpassen und noch ein wenig dran rum tüfteln.
Vielleicht klappt es ja irgendwann mal.
Vielen Dank für Deine Bemühungen !!!