Kreisfortschritt

Ca. 3 Min. Lesezeit

TwCircularProgress · Kategorie: Andere

Einstellungen

Diese Einstellungen finden Sie bei ausgewähltem Widget rechts im Eigenschaftenbereich, meist im Abschnitt Einstellungen Kreisfortschritt. Der Standardwert ist der Wert, den das Widget beim ersten Einfügen in eine Seite hat.

Wert

Einstellung	Typ	Standardwert	Beschreibung
Prozesswert processValue	Wert (mit Typauswahl)	25	Hauptwert des Widgets, meist in Bindings an einen Tag oder einen Ausdruck gebunden.
Minimalwert minValue	Zahl	0	Wert, bei dem der Ring leer ist. Der Prozesswert wird zwischen Min und Max begrenzt.
Nachkommastellen decimals	Zahl	0	Anzahl der Nachkommastellen des angezeigten Werts, 0–6; die Zahl wird für die aktuelle Sprache formatiert.
Datenabdeckungsanzeige coverageIndicator	Auswahl	gap	Gilt nur für __cons-Verbrauchs-Snapshot-Bindungen. Nur Datenlücken: zeigt ein Warnsymbol, wenn der Zeitraum eine Datenlücke hat. Lücken und unvollständige Zeiträume: zeigt zusätzlich ein Uhrsymbol für noch nicht abgeschlossene Zeiträume (heute, dieser Monat). Aus: kein Symbol. Optionen: gap Nur Datenlücken, all Lücken und unvollständige Zeiträume, none Aus
Maximalwert maxValue	Zahl	100	Wert, bei dem der Ring voll ist; ist er nicht größer als Min, wird Min + 1 verwendet.
Wertsuffix valueSuffix	Text	%	Text nach dem Wert, z. B. % oder °C.

Beschriftung

Einstellung	Typ	Standardwert	Beschreibung
Beschriftung label	Text	Loading	Beschriftung unter dem Ring.
Wert anzeigen showValue	Kontrollkästchen	Ein	Zeigt den Wert in der Mitte des Rings.
Beschriftung anzeigen showLabel	Kontrollkästchen	Ein	Zeigt die Beschriftung unter dem Ring.

Ringgeometrie

Einstellung	Typ	Standardwert	Beschreibung
Stärke thickness	Zahl	8	Dicke des Rings, 1–30 in einer Zeichnung mit 100 Einheiten (Standard 8).
Linienende lineCap	Auswahl	round	Form der Enden des Fortschrittsbogens: round (rund), butt (flach) oder square (eckig). Optionen: butt, round, square
Startwinkel startAngle	Zahl	-90	Winkel, an dem der Fortschritt beginnt, in Grad; -90 ist oben, der Ring füllt sich im Uhrzeigersinn.

Knopf

Einstellung	Typ	Standardwert	Beschreibung
Knopf anzeigen showKnob	Kontrollkästchen	Aus	Zeichnet einen Punkt am Ende des Fortschrittsbogens.
Knopfgröße knobSize	Zahl	4	Radius des Punkts, 1–16 in der Zeichnung mit 100 Einheiten (Standard 4).
Knopffarbe knobColor	Farbe	#2563eb	Farbe des Punkts am Bogenende.

Farben

Einstellung	Typ	Standardwert	Beschreibung
Spurfarbe trackColor	Farbe	#e5e7eb	Farbe des leeren Rings hinter dem Fortschritt.
Wertfarbe valueColor	Farbe	#111827	Farbe des Wertetexts in der Mitte.
Fortschrittsfarbe progressColor	Farbe	#2563eb	Farbe des Fortschrittsbogens, der den gefüllten Teil zeigt.
Beschriftungsfarbe labelColor	Farbe	#374151	Farbe der Beschriftung unter dem Ring.

Weitere Einstellungen

Einstellung	Typ	Standardwert	Beschreibung
Enable Flashing enableFlashing	Kontrollkästchen	Aus	Lässt das Widget blinken (ein Transparenzimpuls pro Sekunde). Wird meist an eine Alarmbedingung gebunden.
Log Button logButton	Kontrollkästchen	Aus	Zeigt zur Laufzeit beim Überfahren des Widgets ein Diagrammsymbol; ein Klick fügt die an das Widget gebundenen Tags der Log-Tag-Liste hinzu.

Bindungen

Im Abschnitt Bindungen (Regeln) des Eigenschaftenbereichs kann ein Tag mit einer Direct-Bindung an die folgenden Eigenschaften dieses Widgets gebunden werden. Die Bindungstypen (Direct, IntRange, FloatRange, Boolean, Bit) sind für alle Widgets gleich; sie werden auf der Seite Widget-Referenz beschrieben.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, coverageIndicator, to.type, processValue, minValue, maxValue, decimals, valueSuffix, label, showValue, showLabel, thickness, startAngle, lineCap, trackColor, progressColor, valueColor, labelColor, showKnob, knobColor, knobSize

Gemeinsame Abschnitte

Bei ausgewähltem Widget zeigt der Eigenschaftenbereich außerdem diese gemeinsamen Abschnitte: Allgemein, Layout, Aussehen, Navigation (Ziel), Bindungen (Regeln). Diese Abschnitte werden auf der Seite Seiteneditor beschrieben.