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.

SVG round value

Verfügbar seit: 2023

Autor: Tobias Bräutigam

Beschreibung

Die SVG round value Komponente besteht aus einem Icon und einem Text in einem farbigen Kreis. Sie bildet die technische Basis für die Power Entity Komponente und wird dadurch normalerweise im Energy Widget eingesetzt. Funktional ähnelt diese Komponente der Value Komponente.

<cv-svg-round-value format="%d%%" icon="knxuf-measure_battery_100">
    <cv-address transform="DPT:5.001" mode="read">1/4/2</cv-address>
</cv-svg-round-value>

Optional kann der äußere Kreis als Fortschrittsbalken genutzt werden.

<cv-svg-round-value format="%d%%" icon="knxuf-measure_battery_100">
    <cv-address transform="DPT:5.001" mode="read">1/4/2</cv-address>
    <cv-address transform="DPT:5.001" mode="read" target="progress">1/4/2</cv-address>
</cv-svg-round-value>

Ebenso kann die Farbe des Kreises und auch die Farbe des Fortschrittsbalken verändert werden.

<cv-svg-round-value format="%d%%" icon="knxuf-measure_battery_100" background-color="black" foreground-color="red">
    <cv-address transform="DPT:5.001" mode="read">1/4/2</cv-address>
    <cv-address transform="DPT:5.001" mode="read" target="progress">1/4/2</cv-address>
</cv-svg-round-value>

Erlaubte Attribute

Element	Attribut
	Name	Inhalt	Beschreibung
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

Erlaubte Kind-Elemente und deren Attribute

Element	Attribut
Struktur	Name	Inhalt	Beschreibung
cv-svg-round-value cv-address	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.
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-svg-round-value cv-address-group	operator	+, -, * oder /	Mathematischer Operator für Berechnung.
	round	true oder false	Ergebnis runden.
	factor	float	Ergebnis mit diesem Wert multiplizieren.
cv-svg-round-value cv-address-group 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-svg-round-value cv-address-group 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.