Vorsicht

Dies ist die Dokumentation des aktuellen Entwicklungszweigs der CometVisu. Es besteht daher die Möglichkeit, dass einige der hier beschriebenen Features mit dem aktuellsten Release der CometVisu nicht genutzt werden können.

Das Energy Widget

Autor: Tobias Bräutigam
Verfügbar seit: 2023

Beschreibung

Mit dem Energy-Widget lassen sich die Energieflüsse innerhalb eines Hauses darstellen. In der Standardkonfiguration zeigt das Widget aktuelle Werte der elektrischen Leistung (Watt) und deren Flussrichtung für folgende Typen an: Photovoltaik-Inverter, Batteriespeicher, diverse Verbraucher und den Hauptstromzähler. Diese Elemente werden eingeblendet, sofern man eine <cv-address> für den entsprechenden Slot hinzufügt. Ein komplettes Beispiel würde so aussehen:

../../../_images/cv-energy-full.png
<cv-energy>
    <cv-address slot="pv-power" transform="DPT:12.001" mode="read">1/4/27</cv-address>
    <cv-address slot="battery-power" transform="DPT:13.001" mode="read">1/4/42</cv-address>
    <cv-address slot="battery-other" transform="DPT:5.001" mode="read" target="progress">1/4/43</cv-address>
    <cv-address slot="grid-power" transform="DPT:13.001" mode="read">1/4/25</cv-address>
    <cv-address slot="charger-power" transform="DPT:12.001" mode="read">1/4/44</cv-address>
    <cv-address slot="heatpump-power" transform="DPT:12.001" mode="read">1/4/45</cv-address>
</cv-energy>

Hier sieht man unten zwei Großverbraucher in Form eine Wallbox die gerade 11kW verbraucht und einer Wärmepumpe mit 3kW Verbrauch. Die in der Mitte angezeigten 200W ist der sonstige Hausverbrauch und wird automatisch berechnet als Differenz der Summe der Verbrauchs- und Bezugsleistung (13200 + 614 + 386 - 11000 - 3000 = 200).

Die Flussrichtung der Energie wird zum einen durch die Pfeilspitzen und zum anderen auch durch Farbänderung dargestellt. Das Farbschema definiert Farben für PV-Erzeugung (--pvColor), Batterie-Ladung (--batteryInjectColor), Batterie-Endladung (--batteryConsumeColor), Netzbezug (--gridConsumeColor) und Netzeinspeisung (--gridInjectColor). Diese werden als CSS-Variablen definiert und können somit einfach durch einen CSS-Style geändert werden.

Wenn man nun z.B. keine Wallbox und keinen Batteriespeicher hat, werden diese Werte nicht angezeigt:

../../../_images/cv-energy-partial.png
<cv-energy>
    <cv-address slot="pv-power" transform="DPT:12.001" mode="read">1/4/27</cv-address>
    <cv-address slot="grid-power" transform="DPT:13.001" mode="read">1/4/25</cv-address>
    <cv-address slot="heatpump-power" transform="DPT:12.001" mode="read">1/4/45</cv-address>
</cv-energy>

Anpassungsmöglichkeiten

Die bisher beschriebene Verwendungsweise des Energy-Widgets mit <cv-address slot="... dient lediglich der einfachen, schnellen Benutzung und deckt nur einige Standard-Anwendungsfälle ab. Es besteht aber die Möglichkeit einen komplett individuellen Aufbau zu realisieren. Man kann die im Energy-Widget benutzten <cv-power-entity>-Elemente frei platzieren und individuell konfigurieren. Wenn man keine Adressen angibt, dann hat man ein leeres Widget, das einzige was automatisch hinzugefügt wird sobald es mindestens ein anderes Element gibt ist das Haus in der Mitte.

Einfaches Beispiel

Als einfaches Beispiel soll nun ein Balkonkraftwerk und der Hauptstromzähler angezeigt werden. Da dies, zusammen mit dem Haus, nur 3 Elemente sind, genügt hier ein Widget mit halber Höhe size="1x0.5".

../../../_images/cv-energy-simple.png
<cv-energy size="1x0.5" rows="1" view-box="0 0 3 1" house-row="0">
    <cv-power-entity type="pv" connect-to="house" row="0" column="0">
        <cv-address transform="DPT:12.001" mode="read">1/4/27</cv-address>
    </cv-power-entity>
    <cv-power-entity type="grid" id="grid" connect-to="house" row="0" column="2">
        <cv-address transform="DPT:13.001" mode="read">1/4/25</cv-address>
    </cv-power-entity>
</cv-energy>

Die geänderte Größe benötigt noch ein paar zusätzliche Anpassungen. Zunächst benötigen wir für die 3 Elemente nur eine Zeile row="1" (der Standard-Wert sind 3 Zeilen und 3 Spalten). Ebenso muss nun die ViewBox angepasst werden, die den sichtbaren Bereich des Widgets angibt. Die ersten beiden Werte geben die Start-Spalte und -Zeile des sichtbaren Bereichs an und die letzten beiden die angezeigten Spalten und Zeilen vom Start gesehen. Die view-box="0 0 3 1" zeigt also den gesamten Bereich eines Layouts mit 3 Spalten und einer Zeile an. Als letztes muss noch die Position des Hauses verändert werden, dieses ist immer in Spalte 1 und Zeile 1 platziert ( was bei einen 3x3 Layout die Mitte ist, da immer bei 0 angefangen wird zu zählen). Da wir hier nur eine Zeile haben, positionieren wir das Haus in dieser house-row="0".

Bestimmung der „Flussrichtung“

Einige Leistungswerte können auch negativ werden und definieren so die Flussrichtung. Gibt der Hauptzähler z.B. einen negativen Werte aus, bedeutet dass, das diese Leistung gerade ins Netz eingespeist wird. Ein positiver Wert bedeutet, dass diese Leistung gerade aus dem Netz bezogen wird. Bei einem Batteriespeicher kann der Wert ebenfalls negativ werden, wenn die Batterie geladen wird. PV und Verbraucherzähler liefern i.d.R. nur positive Werte auch wenn sie direkt gegenüber gestellt unterschiedliche Richtungen darstellen (Erzeugung vs. Verbrauch).

Die Darstellung der Energieflüsse zwischen zwei Elementen wird über das connect-to Attribut definiert. Das Netz (<cv-power-entity type="grid" id="grid">) ist mit dem Haus verbunden durch connect-to="house". Ein positiver Wert bedeutet dann das die Energie vom Netz in Richtung Haus fließt (Netzbezug) und ein negativer Wert bedeutet, dass die Energy vom Haus in Richtung Netz fließt (Netzeinspeisung).

Das selbe gilt für den Wechselrichter (<cv-power-entity type="pv">), nur das es hier nur Positive Werte geben kann, die dann in Richtung Haus fließen.

Hinweis

Wie bereits erwähnt liefern Verbraucherzähler auch nur positive Werte, obwohl hier technisch gesehen Energie vom Haus in einen Verbraucher fließt. Daher muss die Verbindung eines Verbrauchers zum Haus mit connect-from="house" angegeben werden.

Komplexes Beispiel

Die Anpassung in die andere Richtung, indem man ein größeres Widget mit mehr Spalten versieht funktioniert natürlich auch. Für die folgende Erklärung soll ein erweitertes Setup bestehend aus einem Batteriespeicher mit eigenem PV-Eingang, einem Hybrid-Wechselrichter mit 2 PV-Eingängen an dem auch der Speicher angeschlossen ist und natürlich wieder dem Hauptzähler dargestellt werden. Noch dazu sollen nun nicht nur die aktuellen Leistungswerte sondern auch die Energiewerte des aktuellen Tages dargestellt werden, inkl. dem Eigenverbrauchswert und dem Autarkiegrad. Dazu wird das Widget vergrößert und mit 6 Spalten versehen.

../../../_images/cv-energy-complex1.png
<cv-energy size="2x1" columns="6" view-box="0 0 6 3" house-row="2" center-x="false">
    <cv-power-entity id="battery-pv" type="pv" icon="knxuf-scene_solar_panel" connect-to="battery" row="0" column="0">
        <cv-address transform="DPT:12.001" mode="read">1/4/26</cv-address>
    </cv-power-entity>
    <cv-power-entity id="pv1" type="pv" icon="knxuf-scene_solar_panel" connect-to="inverter" row="0" column="1">
        <cv-address transform="DPT:12.001" mode="read">1/4/27</cv-address>
    </cv-power-entity>
    <cv-power-entity id="pv2" type="pv" icon="knxuf-scene_solar_panel" connect-to="inverter" row="0" column="2">
        <cv-address transform="DPT:12.001" mode="read">1/4/28</cv-address>
    </cv-power-entity>
    <cv-power-entity type="battery" id="battery" connect-to="inverter" row="1" column="0">
       <cv-address transform="DPT:13.001" mode="read">1/4/42</cv-address>
       <cv-address transform="DPT:5.001" mode="read" target="progress">1/4/43</cv-address>
    </cv-power-entity>
    <cv-power-entity icon="knxuf-scene_power_inverter" id="inverter" connect-to="house" row="1" column="1">
        <cv-address transform="DPT:13.001" mode="read">1/4/30</cv-address>
    </cv-power-entity>
    <cv-power-entity type="grid" id="grid" connect-to="house" row="2" column="2">
        <cv-address transform="DPT:13.001" mode="read">1/4/25</cv-address>
    </cv-power-entity>

    <cv-energy-entity id="pv-today" type="pv" row="0" column="3">
        <cv-address transform="DPT:13.013" mode="read">1/1/1</cv-address>
    </cv-energy-entity>
    <cv-energy-entity id="consumed-today" type="consumer" icon="knxuf-control_building_empty" row="1" column="3">
        <cv-address transform="DPT:13.013" mode="read">1/1/2</cv-address>
    </cv-energy-entity>
    <cv-energy-entity id="battery-consume-today" type="battery" row="0" column="4" direction="incoming">
        <cv-address transform="DPT:13.013" mode="read">1/1/3</cv-address>
    </cv-energy-entity>
    <cv-energy-entity id="battery-inject-today" type="battery" row="1" column="4" direction="outgoing">
        <cv-address transform="DPT:13.013" mode="read">1/1/4</cv-address>
    </cv-energy-entity>
    <cv-energy-entity id="grid-consume-today" type="grid" row="0" column="5" direction="incoming">
        <cv-address transform="DPT:13.013" mode="read">1/1/5</cv-address>
    </cv-energy-entity>
    <cv-energy-entity id="grid-inject-today" type="grid" row="1" column="5" direction="outgoing">
        <cv-address transform="DPT:13.013" mode="read">1/1/6</cv-address>
    </cv-energy-entity>
    <cv-svg-text-value format="%d%%" row="2" column="3" colspan="1.5" title="Autarkie">
        <!-- math.round(100.0 * (PV_Energy_Today - Energy_Grid_Export_Today) / (Energy_Grid_Import_Today + PV_Energy_Today)) -->
        <cv-address-group operator="/" round="true" factor="100">
            <cv-address-group operator="-">
                <cv-address transform="DPT:13.013" mode="read">1/1/2</cv-address>
                <cv-address transform="DPT:13.013" mode="read">1/1/6</cv-address>
            </cv-address-group>
            <cv-address-group operator="+">
                <cv-address transform="DPT:13.013" mode="read">1/1/2</cv-address>
                <cv-address transform="DPT:13.013" mode="read">1/1/5</cv-address>
            </cv-address-group>
        </cv-address-group>
    </cv-svg-text-value>
    <cv-svg-text-value format="%d%%" row="2" column="4.5" colspan="1.5" title="Eigenverbr.">
        <!-- math.round(100.0 * (PV_Energy_Today - Energy_Grid_Export_Today) / PV_Energy_Today) -->
        <cv-address-group operator="/" round="true" factor="100">
            <cv-address-group operator="-">
                <cv-address transform="DPT:13.013" mode="read">1/1/2</cv-address>
                <cv-address transform="DPT:13.013" mode="read">1/1/6</cv-address>
            </cv-address-group>
            <cv-address transform="DPT:13.013" mode="read">1/1/2</cv-address>
        </cv-address-group>
    </cv-svg-text-value>
</cv-energy>

Die Anpassung von Größe, Spaltenzahl und ViewBox erfolgt genau wie im einfachen Beispiel. Neu ist hier lediglich die Angabe center-x="false". Damit wird die automatische, horizontale Zentrierung des Inhalts der ersten und letzten Spalte deaktiviert.

Die Tages-Energiewerte werden durch die <cv-energy-entity>-Elemente dargestellt. In der obersten Zeile sieht man die Energie die heute durch die PV-Module erzeugt, aus der Batterie entladen uns aus dem Netz bezogen wurde. In der zweiten Zeile sieht man die Energie die heute selbst verbraucht, in die Batterie geladen und ins Netz eingespeist wurde. Es wird das selbe Farbschema wie bei den Leistungswerten benutzt.

Die unterste Zeile zeigt den Autarkie-Wert (wie viel der verbrauchten Energie wurde selbst erzeugt) und den Eigenverbrauchsanteil (wie viel der erzeugten Energie wurde selbst verbraucht). Beide Werte werden aus den Werte in den beiden oberen Zeilen berechnet. Für die Darstellung der Werte als einfachen, formatierten Text mit Überschrift wird ein <cv-svg-text-value>-Element benutzt.

Alternative Darstellungsmöglichkeiten

Mit dem bereits erwähnten ViewBox-Attribut hat man die Möglichkeit nur einen Teil des Widget-Inhalts sichtbar zu machen. Damit kann man die Größe des Widgets wieder auf die Standardgröße setzen, womit nur die Leistungswerte angezeigt werden. Die Tageswerte sind durch scrollen innerhalb des Widgets erreichbar.

Initiale Ansicht

Initiale Ansicht

Ansicht nach Klick auf rechten Rand

Ansicht nach Klick auf rechten Rand

<cv-energy columns="6" view-box="0 0 3 3" house-row="2" center-x="false">
...

Hier wurde lediglich das size-Attribut entfernt und die 3. Zahl im view-box-Attribut geändert, dadurch werden nur 3 Spalten angezeigt in einem Widget in Standardgröße. Navigieren innerhalb des des Widgets kann man einmal durch direktes Scrollen oder durch eine Klick auf unsichtbare Bereiche am rechten und linken Rand. Durch einen Doppelklick kommt man immer wieder zurück zur initialen Ansicht.

Vollbild-Ansicht

Eine weitere Möglichkeit mehr Details zu sehen bietet die Vollbildansicht des Widgets.

Initiale Ansicht

Initiale Ansicht

Vollbildansicht (verkleinert)

Vollbildansicht (verkleinert)

<cv-energy columns="6" view-box="0 0 3 3" fullscreen-view-box="0 0 6 3" house-row="2" center-x="false" allow-fullscreen="true">
...

Wenn man nicht möchte das der Header-Bereich mit dem Button zum Öffnen der Vollbildansicht wertvollen Platz verbraucht kann man diesen auch ausblenden. Dann wird er nur angezeigt wenn man den Mauszeiger über diesen Bereich bewegt (oder auf einem Touchscreen in diesen Bereich klickt).

<cv-energy columns="6" view-box="0 0 3 3" house-row="2" center-x="false" allow-fullscreen="true" header="auto-hide">
...

Erlaubte Attribute im Energy-Element

Element

Attribut

Name

Inhalt

Beschreibung

cv-energy

size

button, 0.5x0.5, 1x0.5, 1x1, 2x1, 2x1.5, 1x2, 2x2, 2x4 oder 4x2

Größe der Kachel in {Spalten}x{Zeilen}, 1x1 ist die Standardgröße.

mobile-size

button, 0.5x0.5, 1x0.5, 1x1, 2x1, 2x1.5, 1x2, 2x2, 2x4 oder 4x2

Größe der Kachel in {Spalten}x{Zeilen}, 1x1 ist die Standardgröße.

view-box

Text

Viewbox des Grids (start-column start-row columns rows).

fullscreen-view-box

Text

Viewbox des Grids in der Vollbildansicht(start-column start-row columns rows).

pan

true oder false

Wenn über die ViewBox nur ein Teil des Energiemanagements angezeigt wird, kann man mit pan das Scrollen innerhalb aktivieren.

rows

integer

Anzahl der Zeilen, in der die Inhalte angeordnet werden können.

columns

integer

Anzahl der Spalten, in der die Inhalte angeordnet werden können.

cell-width

integer

Breite einer einzelnen Zelle im Layout.

cell-height

integer

Höhe einer einzelnen Zelle im Layout.

outer-padding

integer

Abstand des Inhalts zum äußeren Rand.

spacing

integer

Abstand zwischen den Zellen im Layout.

pagination

none, horizontal, vertical oder both

Aktiviert Seitennavigation per Klick an den Rand des Elements.

visible-on

mobile oder desktop

Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.

class

Text

Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.

style

Text

Individuelle CSS style Regeln für dieses Widget.

slot

pv-power, grid-power, battery-power, battery-other, charger-power, heatpump-power, consumer-power, house-power oder tileAddress

house-row

Zahl

Zeile in der das Haus positioniert werden soll (default=1)

house-column

Zahl

Spalte in der das Haus positioniert werden soll (default=1)

title

Text

Titel des Widgets.

allow-fullscreen

true oder false

Erlaubt die Vergrößerung des Widgets auf volle Bildschirmgröße.

center-x

true oder false

center-y

true oder false

Erlaubte Kind-Elemente und deren Attribute

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-address

slot

pv-power, grid-power, battery-power, battery-other, charger-power, heatpump-power, consumer-power, house-power oder tileAddress

transform

Text

Legt den Datentyp im Backend fest, z.B. DPT:1.001 für den KNX Datenpunkttyp 1.001.

mode

disable, read, write oder readwrite

Legt fest, ob auf dieser Adresse nur gelesen read, geschrieben write, beides readwrite oder nichts davon disable werden soll

value

Text

Fixer Wert welcher an diese Adresse gesendet wird.

on

click, down oder up

Event bei dem ein Wert and diese Adresse geschickt wird (nur in Verbindung mit value und mode=``read`` oder readwrite).

target

Text

Ziel innerhalb der Eltern-Widgets für das die Werte dieser Adresse benutzt werden sollen. Die möglichen Werte hängen vom Eltern-Widget ab.

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

selector

Text

Nur MQTT: JSON Selektor

backend

Text

Optionaler Name des Backends zu dem diese Adresse gehört.

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

delay

positiveInteger

Optionales delay in Millisekunden, um welches das Schreiben an diese Adresse verzögert wird.

send-mode

on-change oder always

Normalerweise bekommen Elemente, die diese Adresse benutzen nur eine Update-Benachrichtigung, wenn sich der Wert tatsächlich geändert hat (on-change). Mit always wird diese Überprüfung umgangen und die Update-Benachrichtigung jedes Mal geschickt, wenn ein neuer Wert vom Backend empfangen wurde.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-power-entity

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

radius

integer

Radius des Kreises.

stroke

integer

Randbreite des Kreises.

min

Zahl

Minimaler Wert.

max

Zahl

Maximaler Wert.

foreground-color

Text

Farbe des Wertbalkens.

background-color

Text

Farbe des Hintergrundbalkens.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

type

pv, battery, grid, consumer, charger, heatpump oder house

Typ dieser Entität.

connect-to

Text

Verbindung zu anderer cv-power-entity herstellen.

connect-from

Text

Verbindung von anderer cv-power-entity herstellen.

connection-points

Text

Legt fest wo die Verbindungslinie starten und enden soll

cv-energy
  • cv-power-entity

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-power-entity

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-energy-entity

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

type

pv, battery, grid, consumer, charger, heatpump oder house

Typ dieser Entität.

direction

none, incoming oder outgoing

Definiert die Richtung, in welche die Energie geflossen ist.

cv-energy
  • cv-energy-entity

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-energy-entity

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-svg-round-value

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

radius

integer

Radius des Kreises.

stroke

integer

Randbreite des Kreises.

min

Zahl

Minimaler Wert.

max

Zahl

Maximaler Wert.

foreground-color

Text

Farbe des Wertbalkens.

background-color

Text

Farbe des Hintergrundbalkens.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

cv-energy
  • cv-svg-round-value

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-svg-round-value

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-svg-text-value

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

cv-energy
  • cv-svg-text-value

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-svg-text-value

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-svg-round-value

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

radius

integer

Radius des Kreises.

stroke

integer

Randbreite des Kreises.

min

Zahl

Minimaler Wert.

max

Zahl

Maximaler Wert.

foreground-color

Text

Farbe des Wertbalkens.

background-color

Text

Farbe des Hintergrundbalkens.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

cv-energy
  • cv-svg-round-value

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-svg-round-value

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-energy
  • cv-svg-text-value

id

Text

ID dieses Elements.

title

Text

Titel dieses Elements.

icon

Text

Icon festlegen, wird automatisch von Typ festgelegt und kann hiermit überschrieben werden.

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

x

integer

Position dieses Elements auch der x-Achse.

y

integer

Position dieses Elements auch der y-Achse.

row

Zahl

Zeile in der dieses Element platziert wird.

column

Zahl

Spalte in der dieses Element platziert wird.

rowspan

Zahl

Anzahl der Zeilen die dieses Element belegt

colspan

Zahl

Anzahl der Spalten die dieses Element belegt

cv-energy
  • cv-svg-text-value

  • cv-address

transform

Text

Umwandlung des Bus-System Wertes um angezeigt werden zu können.

mode

disable, read, write oder readwrite

„disable“ deaktiviert die Kommunikation, bei „read“ wird nur vom Backend gelesen, bei „write“ wird nur geschrieben und „readwrite“ wird die Adresse zum Lesen und zum Schreiben verwendet.

variant

Text

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

selector

Text

Nur MQTT: JSON Selektor

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

ignore-error

true oder false

Nur MQTT: ignoriere Dekodierfehler.

cv-energy
  • cv-svg-text-value

  • cv-address

    • #text

Text

Die Gruppenadresse (z.B: 12/0/7) bei KNX-Backends, der Item-Name beim openHAB-Backend oder das Topic bei MQTT.