Lineare Anzeige

Ca. 5 Min. Lesezeit

TwLinearGauge · 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}%	Wird zur Kompatibilität mit der Rundanzeige gespeichert; die Linearanzeige hat keinen Mittentext, daher ohne sichtbare Wirkung.
Beschriftungsvorlage labelTemplate	Text	{value}%	Text der Skalenbeschriftungen; {'{'}value{'}'} wird durch den Wert des Teilstrichs ersetzt.
Wertfarbe valueColor	Farbe	#300	Wird zur Kompatibilität mit der Rundanzeige gespeichert; die Linearanzeige hat keinen Mittentext, daher ohne sichtbare Wirkung.
Klasse des Wertlabels valueLabelClass	CSS-Klassen	font-bold text-lg	Wird zur Kompatibilität mit der Rundanzeige gespeichert; die Linearanzeige hat keinen Mittentext, daher ohne sichtbare Wirkung.
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.
Skalenendwert scaleEndValue	Zahl	100	Größter Wert der Skala.
Teilstrichfarbe tickColor	Farbe	#f2f2f2	Farbe der Hauptteilstriche.
Teilstrichintervall tickInterval	Zahl	10	Abstand der Hauptteilstriche in Skaleneinheiten; jeder Hauptteilstrich erhält eine Beschriftung.
Farbe der Zwischenteilstriche minorTickColor	Farbe	#d9d9d9	Farbe der Nebenteilstriche.
Intervall der Zwischenteilstriche minorTickInterval	Zahl	1	Abstand der Nebenteilstriche in Skaleneinheiten.
Zwischenteilstriche anzeigen minorTickVisible	Kontrollkästchen	Ein	Zeigt die kleinen Teilstriche zwischen den Hauptteilstrichen.
Abstand der Beschriftung zum Teilstrich scaleLabelIndentFromTick	Zahl	-2	Abstand der Beschriftungen von den Teilstrichen in Pixeln; negative Werte setzen sie auf die andere Seite der Skala.
Schriftgröße der Beschriftung scaleLabelFontSize	Zahl	12	Schriftgröße der Skalenbeschriftungen in Pixeln.
Schriftfarbe der Beschriftung scaleLabelFontColor	Farbe	#555	Farbe der Skalenbeschriftungen.
Schriftstärke der Beschriftung scaleLabelFontWeight	Zahl	200	Schriftstärke der Skalenbeschriftungen, von 100 (dünn) bis 900 (fett).
Beschriftung anzeigen scaleLabelVisible	Kontrollkästchen	Ein	Zeigt die Zahlen an den Hauptteilstrichen.
Ausrichtung orientation	Auswahl	vertical	Ausrichtung der Skala: Vertikal oder Horizontal. Optionen: vertical Vertikal, horizontal Horizontal

Wertanzeiger

Einstellung	Typ	Standardwert	Beschreibung
Farbe des Wertanzeigers valueIndicatorColor	Farbe	#8FBC8F	Hauptfarbe des Wertanzeigers.
Typ des Wertanzeigers valueIndicatorType	Auswahl	triangleMarker	Form des Wertanzeigers. Bei der Linearanzeige Rechteck, Kreis, Raute, Bereichsbalken, Dreiecksmarker oder Textwolke verwenden; die Nadeltypen sind für die Rundanzeige. Optionen: circle Kreis, rangeBar Bereichsbalken, rectangle Rechteck, rectangleNeedle Rechtecknadel, rhombus Raute, textCloud Textwolke, triangleMarker Dreiecksmarker, triangleNeedle Dreiecksnadel, twoColorNeedle Zweifarbige Nadel
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.
Nabengröße valueIndicatorSpindleSize	Zahl	14	Wird nur von den Nadeltypen der Rundanzeige verwendet; bei der Linearanzeige ohne Wirkung.
Lochgröße der Nabe valueIndicatorSpindleGapSize	Zahl	6	Wird nur von den Nadeltypen der Rundanzeige verwendet; bei der Linearanzeige ohne Wirkung.
Zweite Farbe valueIndicatorSecondColor	Farbe	#cccccc	Wird nur von den Nadeltypen der Rundanzeige verwendet; bei der Linearanzeige ohne Wirkung.
Anteil der zweiten Farbe valueIndicatorSecondFraction	Zahl	0.3	Wird nur von den Nadeltypen der Rundanzeige verwendet; bei der Linearanzeige ohne Wirkung.

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	1	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
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.
Tooltip aktivieren tooltipEnabled	Kontrollkästchen	Aus	Zeigt den Wert als Tooltip, wenn der Zeiger auf dem Anzeiger ruht.
Bei Größenänderung neu zeichnen redrawOnResize	Kontrollkästchen	Ein	Zeichnet die Anzeige neu, wenn sich die Widgetgröße ändert.

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, scaleStartValue, scaleEndValue, scaleLabelIndentFromTick, scaleLabelFontSize, scaleLabelFontColor, scaleLabelFontWeight, scaleLabelVisible, minValue, maxValue, orientation, rangeContainerOffset, rangeContainerWidth, range1Color, range2Color, range3Color, 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.