Darstellung einer Zisterne in TabletUI

[Octopus180]

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

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