Messanzeige

Ca. 5 Min. Lesezeit

TwGauge · Kategorie: Andere

Einstellungen

Diese Einstellungen finden Sie bei ausgewähltem Widget rechts im Eigenschaftenbereich. 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)	49.9	Hauptwert des Widgets, meist in Bindings an einen Tag oder einen Ausdruck gebunden.
Wertvorlage valueTemplate	Text	{value}%	Text in der Mitte der Anzeige; {'{'}value{'}'} wird durch den aktuellen Wert ersetzt (Standard "{'{'}value{'}'}%").
Wertfarbe valueColor	Farbe	#300	Farbe des Wertetexts in der Mitte.
Klasse des Wertlabels valueLabelClass	CSS-Klassen	font-bold text-lg	CSS-Klassen für den Wertetext in der Mitte (z. B. Schriftgröße oder -stärke).
Beschriftungsvorlage labelTemplate	Text	{value}%	Text der Skalenbeschriftungen; {'{'}value{'}'} wird durch den Wert des Teilstrichs ersetzt.
Schreibgeschützt readOnly	Kontrollkästchen	—	Wenn aktiv, kann der Benutzer den Wert zur Laufzeit nicht ändern.
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

Skala

Einstellung	Typ	Standardwert	Beschreibung
Skalenstartwert scaleStartValue	Zahl	0	Kleinster Wert der Skala. Die drei Farbbereiche werden zwischen Start- und Endwert berechnet.
Startwinkel startAngle	Zahl	220	Winkel, an dem die Skala beginnt, in Grad; 0 zeigt nach rechts, positive Werte drehen gegen den Uhrzeigersinn (Standard 220).
Skalenendwert scaleEndValue	Zahl	100	Größter Wert der Skala.
Endwinkel endAngle	Zahl	-40	Winkel, an dem die Skala endet, in Grad (Standard -40). Zusammen mit dem Startwinkel bestimmt er die Bogenlänge.
Teilstrichfarbe tickColor	Farbe	#f2f2f2	Farbe der Hauptteilstriche.
Teilstrichintervall tickInterval	Zahl	10	Abstand der Hauptteilstriche in Skaleneinheiten; jeder Hauptteilstrich erhält eine Beschriftung.
Zwischenteilstriche anzeigen minorTickVisible	Kontrollkästchen	Ein	Zeigt die kleinen Teilstriche zwischen den Hauptteilstrichen.
Farbe der Zwischenteilstriche minorTickColor	Farbe	#d9d9d9	Farbe der Nebenteilstriche.
Intervall der Zwischenteilstriche minorTickInterval	Zahl	2	Abstand der Nebenteilstriche in Skaleneinheiten.
Skalenbeschriftung anzeigen scaleLabelVisible	Kontrollkästchen	Ein	Zeigt die Zahlen an den Hauptteilstrichen.
Abstand der Skalenbeschriftung zum Teilstrich scaleLabelIndentFromTick	Zahl	3	Abstand der Beschriftungen von den Teilstrichen in Pixeln; negative Werte setzen sie auf die andere Seite der Skala.
Schriftgröße der Skalenbeschriftung scaleLabelFontSize	Zahl	12	Schriftgröße der Skalenbeschriftungen in Pixeln.
Schriftfarbe der Skalenbeschriftung scaleLabelFontColor	Farbe	#555	Farbe der Skalenbeschriftungen.
Schriftstärke der Skalenbeschriftung scaleLabelFontWeight	Zahl	400	Schriftstärke der Skalenbeschriftungen, von 100 (dünn) bis 900 (fett).

Wertanzeiger

Einstellung	Typ	Standardwert	Beschreibung
Typ des Wertanzeigers valueIndicatorType	Auswahl	triangleNeedle	Form des Wertanzeigers. Die Nadeltypen (rectangleNeedle, triangleNeedle, twoColorNeedle) passen zur Rundanzeige. Optionen: circle Kreis, rangeBar Bereichsbalken, rectangle Rechteck, rectangleNeedle Rechtecknadel, rhombus Raute, textCloud Textwolke, triangleMarker Dreiecksmarker, triangleNeedle Dreiecksnadel, twoColorNeedle Zweifarbige Nadel
Farbe des Wertanzeigers valueIndicatorColor	Farbe	#8FBC8F	Hauptfarbe des Wertanzeigers.
Breite des Wertanzeigers valueIndicatorWidth	Zahl	8	Breite des Wertanzeigers in Pixeln.
Länge des Wertanzeigers valueIndicatorLength	Zahl	60	Länge des Wertanzeigers in Pixeln; nicht jeder Anzeigertyp verwendet sie.
Versatz des Wertanzeigers valueIndicatorOffset	Zahl	0	Abstand des Wertanzeigers von der Skalenlinie in Pixeln.
Größe der Nadelnabe valueIndicatorSpindleSize	Zahl	14	Durchmesser des Kreises am Nadelfuß in Pixeln; nur bei den Nadeltypen.
Lochgröße der Nadelnabe valueIndicatorSpindleGapSize	Zahl	6	Durchmesser des Lochs im Nadelfuß in Pixeln; kleiner als die Größe der Nadelnabe halten.
Zweite Farbe des Wertanzeigers valueIndicatorSecondColor	Farbe	#cccccc	Farbe der Nadelspitze; nur beim Typ twoColorNeedle.
Anteil der zweiten Farbe valueIndicatorSecondFraction	Zahl	0.3	Anteil der Nadel in der zweiten Farbe, 0–1 (Standard 0,3); nur beim Typ twoColorNeedle.

Bereiche und Grenzwerte

Einstellung	Typ	Standardwert	Beschreibung
Minimalwert minValue	Zahl	0	Position einer kleinen Grenzmarke auf der Skala; 0 blendet die Marke aus.
Maximalwert maxValue	Zahl	0	Position einer zweiten Grenzmarke auf der Skala; 0 blendet die Marke aus.
Versatz des Bereichsbands rangeContainerOffset	Zahl	10	Abstand des farbigen Bereichsbands von der Skala in Pixeln.
Breite des Bereichsbands rangeContainerWidth	Zahl	8	Dicke des farbigen Bereichsbands in Pixeln.
Farbe Bereich 1 range1Color	Farbe	#92000A	Farbe des ersten Bereichs, der die ersten 30 % der Skala abdeckt.
Farbe Bereich 2 range2Color	Farbe	#E6E200	Farbe des mittleren Bereichs, der die nächsten 40 % der Skala abdeckt.
Farbe Bereich 3 range3Color	Farbe	#77DD77	Farbe des letzten Bereichs, der die restlichen 30 % der Skala abdeckt.

Verhalten

Einstellung	Typ	Standardwert	Beschreibung
Bei Größenänderung neu zeichnen redrawOnResize	Kontrollkästchen	Ein	Zeichnet die Anzeige neu, wenn sich die Widgetgröße ändert.
Tooltip aktivieren tooltipEnabled	Kontrollkästchen	Aus	Zeigt den Wert als Tooltip, wenn der Zeiger auf dem Anzeiger ruht.
Animation aktivieren animationEnabled	Kontrollkästchen	Aus	Bewegt den Anzeiger fließend zum neuen Wert, statt zu springen.
Animationsdauer animationDuration	Zahl	500	Dauer der Anzeigeranimation in Millisekunden (Standard 500); nur bei eingeschalteter Animation.

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, processValue, valueColor, valueTemplate, valueLabelClass, valueIndicatorColor, valueIndicatorType, valueIndicatorWidth, valueIndicatorLength, valueIndicatorOffset, valueIndicatorSpindleSize, valueIndicatorSpindleGapSize, valueIndicatorSecondColor, valueIndicatorSecondFraction, labelTemplate, readOnly, tickColor, tickInterval, minorTickColor, minorTickInterval, minorTickVisible, scaleLabelIndentFromTick, scaleLabelFontSize, scaleLabelFontColor, scaleLabelFontWeight, scaleLabelVisible, rangeContainerOffset, rangeContainerWidth, range1Color, range2Color, range3Color, scaleStartValue, scaleEndValue, minValue, maxValue, startAngle, endAngle, animationEnabled, animationDuration, tooltipEnabled, redrawOnResize

Zusätzlich können die Stilfelder des Widgets als style.<feld> gebunden werden (z. B. style.width, style.height).

Gemeinsame Abschnitte

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