FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Octopus180 am 16 Oktober 2019, 12:35:53

Titel: Darstellung einer Zisterne in TabletUI
Beitrag von: Octopus180 am 16 Oktober 2019, 12:35:53
Moin

Ich habe mir für die Darstellung des Wasserstands meiner Zisterne in TabletUI eine Seite mit "Range" gebastelt.



Jetzt hätte ich dazu zwei Fragen.

Kann man die Literangabe auch rechts neben dem Balken bekommen, aber so das er auch je nach dem wieviel Liter vorhanden sind in der Höhe mitwandert.

Und kann man eine eigene Grafik anstatt des vorgegeben Balken einbauen.

mit freundlichen Grüßen

Peter

Zitat<li data-row="2" data-col="2" data-sizex="2" data-sizey="3">
             <header>Zisterne</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell">
                            <div data-type="range"
                          data-device="HM_444031_Values"
                         data-high="Wasserstand"
                         data-max="2092" data-min="0"
                         data-limit-high="1046"
                                 data-limit-low="523"                         
                         data-color-high="green"
                         data-color="orange"
                         data-color-low="red"
                         data-width="200"
                         data-height="350"
                         class="top-space"></div>
                            <div data-type="label"
                          data-device="HM_444031_Values"
                         data-get="Prozent" data-unit=" %"
                         data-limits='[0,25,50]'
                         data-colors='["red","orange","green"]'
                         class="bigger top-space"></div>
                     <div data-type="label"
                          data-device="HM_444031_Values"
                         data-get="Wasserstand"
                         data-unit=" Liter"
                         data-limits='[0,523,1046]'
                         data-colors='["red","orange","green"]'
                         class="bigger"></div>   
                        </div>
            </div>
          </div>                 
          </li>