Text "unter" einem Simplechart-Widget

[Remstäler]

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 ?

[TomLee]

<div class="top-space"/div>

Fällt dir was auf ?

Gruß Thomas

[Remstäler]

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.....

[TomLee]

<div class="top-space"</div>

Dir fehlt da ein "<"-Zeichen.

[Remstäler]

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. 

[TomLee]

Code Auswählen Erweitern

<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 ?

[Remstäler]

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.

[TomLee]

Oje,Oje jetzt

Code Auswählen Erweitern

<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>

[Remstäler]

Nochmals sorry - klappt nicht.

So langsam ist mir das peinlich, kann's aber nicht ändern - es klappt halt nicht.


Hier nochmals der gesamt Code:

Code Auswählen Erweitern

<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.

[TomLee]

Habe es jetzt mal getestet, auch bei mir wird die Temperatur über dem Chart dargestellt, hab ehrlich gesagt keine Ahnung warum das so ist.

[Remstäler]

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 !!!