Wert-Anzeige
Zeigt einen Datenpunktwert als Zahl oder Text an (read-only). Mit Einheit, optionaler Werte-Transformation, farbigen Schwellwerten und freiem HTML-Template. Mehrere Layouts vom Karten- bis zum reinen Zahlen-Stil.
Datenpunkt
| Feld | Pflicht | Typ | |
|---|---|---|---|
datapoint | ja | beliebig | angezeigter Wert; Zahlen werden gerundet, sonst als Text ausgegeben |
Layouts
Default
Titel/Icon oben, darunter der Wert mit Einheit. Inhalts- und Titelposition über contentPosition/titlePosition justierbar — für mittlere Zellen.
Card
Akzent-Leiste links, Titel/Icon oben, großer Wert mit hervorgehobener Einheit — für prominente Kacheln.
Compact
Eine Zeile mit Icon, Titel und Wert — für Listen mit vielen Werten.
Minimal
Nur die Zahl, sehr groß, mit kleinem Titel darunter — für sehr kleine Zellen.
Custom
Icon und Wert frei in einer Zellenmatrix platzieren — siehe Custom-Layout.
Einstellungen
Alle Optionen werden im Editor unter Widget bearbeiten gesetzt.
Anzeige
| Option | Standard | |
|---|---|---|
showTitle | true | Titel anzeigen |
showIcon | true | Icon anzeigen |
showValue | true | Wert anzeigen |
showUnit | true | Einheit anzeigen |
icon | layoutabhängig | Lucide-Icon |
iconSize | 20 | px |
valueFontSize | 0 | px; 0 = automatische Größe je Layout |
titleAlign | left | left · center · right |
unit | — | Einheit hinter dem Wert |
decimals | globale Vorgabe | Nachkommastellen |
contentPosition | — | Inhalts-Ausrichtung (nur Default) |
titlePosition | — | Titel-Position (nur Default) |
Werte-Transformation
Reine Anzeige-Umrechnung Wert × Faktor + Offset; der Datenpunkt selbst bleibt unverändert.
Das Häkchen Negativ darstellen (× −1) kehrt das Vorzeichen um (gespeichert als negatives valueFactor) und lässt sich mit jeder Umrechnung kombinieren.
| Option | Standard | |
|---|---|---|
valueFactor | 1 | Multiplikator |
valueOffset | 0 | Summand |
Einheit automatisch anpassen
Häkchen Einheit automatisch anpassen im selben Dialog: ab 1000 eine Stufe höher, unter 1 eine tiefer. Ausgangspunkt ist die Einheit (unit). Farbschwellen gelten weiter in dieser Einheit.
| Option | Standard | |
|---|---|---|
valueAutoUnit | false | Wert und Einheit wandern mit |
valueAutoUnitDecimals | — | Nachkommastellen ab der größeren Einheit; leer = decimals |
Wert (unit = Wh, decimals 0, valueAutoUnitDecimals 2) | Anzeige |
|---|---|
| 850 | 850 Wh |
| 1250 | 1,25 kWh |
| 3400000 | 3,40 MWh |
Erkannt: Wh · W · VA · var · V · A · Hz · g · m · l · B (Schritt 1024) · bit/s, jeweils mit Vorsilbe (kWh, KWh, MW …). Andere Einheiten bleiben unverändert.
Zeit-Formatierung
Zeigt einen Zeit-Datenpunkt als Uhrzeit und/oder Datum. Zeitstempel (Sekunden/Millisekunden), ISO-Zeitangaben (2026-08-01T14:32:07+02:00) und HH:mm werden automatisch erkannt; nicht lesbare Werte zeigen –. Wird nach Faktor/Offset angewendet und gilt auch für {dp} im HTML-Template.
| Option | Standard | |
|---|---|---|
valueTimeFormat | — | relative (vor 5 Min) · time (14:32) · time-sec · date (01.08.2026) · date-long (Samstag, 1. August 2026) · datetime · datetime-sec · custom |
valueTimePattern | — | Token-Muster, nur bei custom |
Tokens für valueTimePattern: HH mm ss · hh · dd MM yyyy yy · EEEE (Wochentag) · EE · MMMM (Monat) · ww (KW). Beispiel: EEEE, dd.MM. HH:mm → Samstag, 01.08. 14:32
HTML-Template
| Option | Standard | |
|---|---|---|
htmlTemplate | — | freies HTML mit Platzhaltern (siehe unten) |
Verfügbare Platzhalter:
| Platzhalter | ersetzt durch |
|---|---|
{dp} | eigener Wert des Widgets |
{beliebige.dp.id} | Wert eines beliebigen anderen Datenpunkts, z. B. {alias.0.Raeume.Draussen.Suedseite.ACTUAL} (wird live abonniert) |
{color} | aktuelle Schwellwert-Farbe — so lässt sich die Farbe frei auf Icon, Text o. Ä. anwenden statt nur auf den Wert |
{unit} | konfigurierte Einheit |
Zahlen werden mit den eingestellten Nachkommastellen formatiert, fehlende Werte als „–". Ein JSON-Pfad-Suffix ist erlaubt — {0_userdata.0.batterie?soc}, {0_userdata.0.batterie#soc} und {0_userdata.0.batterie}#soc sind gleichwertig, und auch {dp}#battery.soc greift in einen Objekt-Wert des eigenen Datenpunkts.
Beispiel: <span style="color:{color};font-size:2em">{dp}</span> {unit}
Platzhalter können auch rechnen ({dp;round(0)}, {a:dp1;b:dp2;a + b}, {{ dp * 2 }}) — Operationen, Funktionen und Rezepte stehen unter Bindings & Berechnungen.
Platzhalter lesen nur. Geschrieben wird über aura — dieselben Aufrufe wie im HTML-Widget:
<button onclick="aura.setState('0_userdata.0.Licht', true)">An</button>Schwellwerte
Färbt den angezeigten (transformierten) Wert abhängig von seiner Höhe.
| Option | Standard | |
|---|---|---|
colorThresholds | — | Liste aus [Schwelle, Farbe], z. B. [[20,"#0f0"],[100,"#f00"]] |
Status-Datenpunkte
Optionale Batterie- und Erreichbarkeits-DPs werden als kleine Badges eingeblendet (Abschnitt Status-Datenpunkte im Dialog).