Skip to content

Raumklima ​

Zeigt Temperatur, Luftfeuchtigkeit und einen optionalen Verlauf kombiniert an. Die Ist-Temperatur kommt aus dem Haupt-Datenpunkt, Soll-Temperatur, Feuchte und Luftdruck aus separaten DPs; der Verlauf wird aus einer History-Instanz geladen.

Jeder weitere Messwert des Sensors — CO₂, VOC, Taupunkt, Luftqualität, Helligkeit, Bewegung — ist ein Eintrag unter Weitere Werte.

Datenpunkt ​

FeldPflichtTyp
datapointjanumberIst-Temperatur; liefert auch die Verlaufsdaten
targetDatapointneinnumberSoll-Temperatur (als Badge ↑)
humidityDatapointneinnumberLuftfeuchtigkeit
pressureDatapointneinnumberLuftdruck

Layouts ​

Layout
defaultTitel/Icon oben, Ist-Temperatur groß, Soll/Feuchte/Luftdruck rechts, Raster der weiteren Werte, Komfort-Badge, Zeitraum-Auswahl, Verlauf
customfreies Raster; beim Wechsel wird default als Raster nachgebaut

Bausteine im eigenen Layout ​

Komponente
main-valuesIst-Temperatur groß + Werte mit slot: primary
actualnur die Ist-Temperatur (mit Ø-Wert)
secondary-valuesrechte Spalte: Soll (mit − / +), Feuchte, Luftdruck, slot: secondary
metricsRaster der weiteren Werte
comfort-badgeKomfort-Badge
range-chipsZeitraum-Auswahl
chartVerlaufsdiagramm
circle-menuKreismenü der Solltemperatur (nur mit targetControl)
btn-minus · btn-plus− / + der Solltemperatur (nur mit targetControl)
presetsSchnellwahl der Solltemperatur (nur mit targetControl)
Feld
target · humidity · pressureWerte mit Einheit
averageØ des Verlaufs
comfortText des Komfort-Badges

Soll bedienen ​

defaultcustom mit circle-menuKreismenü offen
OptionStandard
targetControlfalseSolltemperatur bedienbar (braucht targetDatapoint)
minTemp10untere Grenze
maxTemp30obere Grenze
step0.5Schrittweite von − / +
presets[18, 20, 22, 24]Schnellwahl; [] = keine
circle…Kreismenü wie beim Thermostat

Einstellungen ​

Alle Optionen werden im Editor unter Widget bearbeiten gesetzt.

Anzeige ​

OptionStandard
showTitletrueTitel anzeigen
showIcontrueTemperatur-Icon anzeigen
showActualTemptrueIst-Temperatur anzeigen
showTargetTemptrueSoll-Temperatur anzeigen (nur mit targetDatapoint)
showHumiditytrueLuftfeuchtigkeit anzeigen
showPressuretrueLuftdruck anzeigen (nur mit pressureDatapoint)
showComfortfalseKomfort-Badge (Temp 18–24 °C, Feuchte 40–60 %)
iconThermometerLucide-Icon
humidityIconDropletsIcon für die Feuchte
pressureIconGaugeIcon für den Luftdruck
iconSize20px
titleAlignleftleft · center · right

Werte ​

OptionStandard
decimalsglobalNachkommastellen für Temperatur und Feuchte
unit°CEinheit der Temperatur
humidityUnit%Einheit der Feuchte
pressureUnithPaEinheit des Luftdrucks
pressureDecimals0Nachkommastellen des Luftdrucks

Verlauf ​

Das Diagramm erscheint nur, wenn showChart aktiv ist und eine historyInstance gesetzt wurde.

OptionStandard
showCharttrueVerlaufsdiagramm anzeigen
tempInCharttrueTemperatur-Reihe zeichnen; ohne jede Reihe entfällt das Diagramm
humidityInChartfalseLuftfeuchte als Linie zeichnen (auch bei ausgeblendeter Feuchte-Zeile)
humidityChartAxisrightright · left; ohne Temperatur-Reihe immer links
humidityChartColor#14b8a6Linienfarbe der Luftfeuchte
historyInstance—History-Instanz, z. B. history.0
historyRange24h1h · 6h · 24h · 7d · 30d · custom
historyRangeCustomValue24Wert bei custom
historyRangeCustomUnithh · d (bei custom)
lockRangefalseZeitraum-Auswahl ausblenden
lineColor--accentLinien-/Flächenfarbe der Temperatur
showChartLegendtrueLegende, sobald eine zweite Reihe gezeichnet wird

Neben der Temperatur zeichnet das Diagramm jeden weiteren Wert mit inChart. Ein Wert in einer anderen Größenordnung gehört auf chartAxis: right — sonst drückt er die Temperaturkurve platt. Gerechnete Werte (Taupunkt, absolute Feuchte, Behaglichkeit) haben keinen Verlauf.

Y-Achse & Durchschnitt ​

OptionStandard
showYAxisfalseY-Achse einblenden
yAxisCompacttruekompakte Tick-Formatierung
showGridLinesfalsehorizontale Hilfslinien an den Y-Werten
showAveragefalseDurchschnittslinie im Diagramm
showAverageAsValuefalseDurchschnitt als Ø-Wert unter der Temperatur
avgColorwie lineColorFarbe von Linie/Wert

Weitere Werte ​

Widget bearbeiten → Weitere Werte → Werte bearbeiten… öffnet die Liste. Jeder Eintrag bringt Datenpunkt, Beschriftung, Einheit, Farben und Diagramm-Reihe selbst mit — ein neuer Messwert braucht keine neue Option.

Vorlagen ​

VorlageEinheit
CO₂ppmAmpel ab 800 / 1400 / 2000
CO₂-VOC (eCO₂)ppmaus dem VOC-Wert gerechnetes Äquivalent
VOCppbAmpel ab 100 / 300 / 500
Taupunkt°Cgerechnet, kein Datenpunkt nötig
Absolute Feuchteg/m³gerechnet, kein Datenpunkt nötig
Behaglichkeit—gerechnet oder DP; 0 unbehaglich · 1 geht noch · 2 behaglich
Luftqualität—Schulnote 1–6 als Text
Helligkeitlx
Bewegung—Punkt, leuchtet bei Präsenz
LautstärkedB
Freier Wert—alles selbst einstellen

Auto-Erkennen legt für jeden passend benannten Geschwister-Datenpunkt einen fertigen Eintrag an.

Felder eines Eintrags ​

FeldStandard
id—eindeutig im Widget; auch der Schlüssel der Diagramm-Reihe
sourcedatapointdatapoint · dewpoint · absoluteHumidity · comfort
datapoint—nur bei source: datapoint
label—Beschriftung vor dem Wert
icon—Lucide-Icon
unit—% und ° hängen an der Zahl, alles andere mit Abstand
decimalswie decimalsNachkommastellen
displayvaluevalue · badge · dot · text
slotgridgrid Raster darunter · secondary rechte Spalte · primary groß neben der Temperatur
fontSizeje Platzpx
color—Theme-Token, z. B. var(--accent-green)
thresholds—[Obergrenze, Farbe] — erste Grenze, die der Wert unterschreitet
valueMap—Zahl → Text; sticht thresholds und lässt die Einheit weg
valueFactor / valueOffset1 / 0Anzeige = Rohwert × Faktor + Versatz
inChartfalseals eigene Reihe zeichnen (nur source: datapoint)
chartAxisleftright für eine andere Größenordnung
chartTypelineline · area
historyInstancewie das WidgetHistory-Instanz nur für diese Reihe
hiddenfalseausblenden, ohne zu löschen

Raster ​

OptionStandard
metricColumns0Spalten; 0 = umbrechende Reihe
showMetricLabelstruelabel vor dem Wert anzeigen