FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: grossmaggul am 04 August 2019, 10:15:26

Titel: Probleme mit scale Widget und Popup
Beitrag von: grossmaggul am 04 August 2019, 10:15:26
Hallo,

ich habe mir ein Barometer mittels des Scale Widgets gebaut, klickt man auf dieses öffnet sich ein Popup mit dem Luftdruckverlauf der letzten Tage.
Das funktioniert soweit auch, das Problem ist nur, daß das (scale-)Barometer hin und wieder etwas seltsam aussieht (s. Screenshots), ich komme einfach nicht dahinter warum das so ist. Auf einer anderen Seite habe ich dasselbe Barometer, aber ohne Popup, da tritt das Problem nicht auf.

So sieht der Code aus:
<!-- Barometer -->
<li data-row="5" data-col="6" data-sizex="1" data-sizey="2" class="semitransparent">
    <header class="normal blue">Barometer</header>
    <div data-type="popup" data-width="900" data-height="350">
        <div data-device="Wetter"
             data-type="scale"
             data-get="pressure"
             data-min="950"
             data-max="1090"
             data-orientation="vertical"
             data-ticks="1"
             data-value-interval="30"
             data-extra-ticks="10"
             data-font-size="16">
        </div>
        <div class="dialog" >
           <header>Temp/Luftdruck</header>
           <div  data-type="chart"
                 data-device="Wetter"
                 data-logdevice="logdb"
                 data-logfile="HISTORY"
                 data-columnspec='["Wetter:pressure","Wetter:temperature"]'
                 data-style='["ftui l0","ftui l1"]'
                 data-ptype='["lines","lines"]'
                 data-legend='["Luftdruck","Temperatur]'
                 data-uaxis='["primary","secondary"]'
                 data-ytext="Luftdruck"
                 data-yunit="mbar"
                 data-xtext="Temperature"
                 data-xunit="°C"
                 data-minvalue_sec="-20"
                 data-maxvalue_sec="40"
                 data-minvalue="950"
                 data-maxvalue="1090"
                 data-daysago_start="60"
                 data-daysago_end="now">
          </div>
        </div>
    </div>
</li>


Auf dem ersten Bild sieht man wie es aussehen soll, auf dem zweiten Bild, wie es hin und wieder aussieht.