ioBroker VIS – Number

In diesem kleinen Artikel zeige ich Dir, wie ich das Number-Widget für meine Visualisierung einsetze. Mit dem Number-Widget können numerische Werte auf der Visualisierung-Oberfläche dargestellt werden. Im ersten Schritt ziehen wir uns das Number-Widget auf die entsprechende View und passen die Position sowie Größe entsprechend an. Du findest das Widget am einfachsten, wenn Du einfach in das Suchfuld „Number“ eingibst.

In meinem Beispiel möchte ich Informationen über die Festplattengröße und dem belegten Speicherplatz meines Synology-NAS visualisieren. Im ersten Schritt markiere ich dazu das eingefügte Number-Widget und wähle bei der Object ID den Datenpunkt „Used_size“ aus dem Synology-Adapter aus.

Zudem kann ich hier bereits in die Felder „HTML anhängen“ (Singular und Plural) jeweils „GB“ eintragen. Nun sehen wir direkt die entsprechenden Informationen auf der View. Über die Eigenschaft „Voranstellen HTML“ können wir vor den numerischen Wert eine Zeichenfolge setzen. Ich nutze diese Option eher selten, da ich so bei mehreren Werten untereinander keine schöne Ausrichtung herstellen kann.

Das Number-Widget verfügt in den erweiterten Einstellungen um zusätzliche Möglichkeiten die Anzeige des numerischen Wertes anzupassen. So können die Nachkommastellen über die Eigenschaft „Zeichen nach Komma“ sowie das entsprechende Tausender Trennzeichen eingestellt werden. Zusätzlich kann der Wert des Datenpunktes über einen Multiplikator für die Anzeige verändert werden. Der Wert wird dann entsprechend verändert dargestellt:

Das Widget verfügt zudem über die Eigenschaft „Testtext“, mit der testweise ein numerischer Wert in der Visualisierung angezeigt werden kann.

Ich hoffe euch gefällt dieser Artikel. Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer 🙂

Matthias Korte

Hauptberuflich Software-Entwickler und seit einigen Jahren Smart-Home Fan. Angefangen hat alles mit einem RaspberryMatic und einer schaltbaren Steckdose. Mittlerweile habe ich einige Steckdosen, Sensoren, und Thermostate sowie ioBroker zur Visualisierung im Einsatz.

3 Gedanken zu „ioBroker VIS – Number

  • 10. März 2022 um 9:39
    Permalink

    Hallo, ich bin über deinen Artikel gestolpert. Zur Beschriftung des Wertes kann man ja mit „Voranstellen“ einen Text hinzufügen, so weit so gut, aber leider wird dann alles, also Beschreibung, Wert und Suffix entweder, links oder rechts ausgerichtet dargestellt. Gibt es eine Möglichkeit die Beschreibung, also den Text aus Voranstellen, linksbündig und den Wert rechtsbündig darzustellen? So könnte man sich jede Menge Formatierungsarbeit ersparen.

    Gruß & Danke
    Joachim

    Antwort
  • 4. August 2022 um 10:06
    Permalink

    Hallo und guten Tag: Im „basic Nummer“ Widget kann man drei Signalbilder parametrieren bzw. positionieren. Echt super Funktionalität! (wider ein Beispiel wie IoBroker umfangreiche Möglichkeiten bietet)
    Eine FRAGE:
    Wie kann ich erreichen, wenn ich die Höhe vergrößere dass sowohl der Wert als auch die Signalbilder vertikal mittig angezeigt werden, (habe ich was übersehen?)

    Antwort

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.