Sparkline

Ca. 3 Min. Lesezeit

TwSparkline · Kategorie: Diagramme

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.

Daten

Einstellung	Typ	Standardwert	Beschreibung
Sparkline-Typ type	Auswahl	splinearea	Diagrammtyp. Balken verwendet die Farben für positive und negative Balken; Gewinn/Verlust zeichnet nur Auf-/Ab-Balken in Gewinn- und Verlustfarbe. Optionen: area Fläche, bar Balken, line Linie, spline Spline, splinearea Spline-Fläche, steparea Stufenfläche, stepline Stufenlinie, winloss Gewinn/Verlust
Gewinn/Verlust-Schwelle winlossThreshold	Zahl	0	Die Gewinn-/Verlustschwelle ist 0.
Process Value processValue	Text	0	Jeder neue Wert wird an die Linie angehängt, die letzten 50 Werte bleiben erhalten. Beim Öffnen der Seite ist die Linie leer.

Linie und Punkte

Einstellung	Typ	Standardwert	Beschreibung
Punktsymbol pointSymbol	Auswahl	circle	Form der Datenpunkte. Optionen: circle Kreis, cross Kreuz, polygon Polygon, square Quadrat, triangle Dreieck, triangleDown Dreieck nach unten, triangleUp Dreieck nach oben
Line Width lineWidth	Zahl	2	Linienstärke in Pixeln (Standard 2); leer oder 0 ergibt 2.
Point Color pointColor	Farbe	#fff	Füllfarbe der Datenpunkte.
Line Color lineColor	Farbe	#666	Farbe der Linie und Fläche.
Point Size pointSize	Zahl	2	Größe der Datenpunkte in Pixeln; 0 blendet sie aus.

Markierungen

Einstellung	Typ	Standardwert	Beschreibung
Farbe erster/letzter Punkt firstLastColor	Farbe	#666	Farbe des ersten und letzten Punkts bei eingeschaltetem Show First Last.
Show Min Max showMinMax	Kontrollkästchen	Ein	Hebt den niedrigsten und höchsten Punkt mit den Min- und Max-Farben hervor.
Show First Last showFirstLast	Kontrollkästchen	Ein	Hebt den ersten und letzten Punkt mit der First/Last-Farbe hervor.

Farben

Einstellung	Typ	Standardwert	Beschreibung
Farbe negativer Balken barNegativeColor	Farbe	#d7d7d7	Farbe der Balken unter null beim Typ bar.
Gewinnfarbe winColor	Farbe	#a9a9a9	Farbe der Balken über der Schwelle beim Typ Gewinn/Verlust.
Farbe Minimum minColor	Farbe	#e8c267	Farbe des niedrigsten Punkts bei eingeschaltetem Show Min Max.
Farbe positiver Balken barPositiveColor	Farbe	#a9a9a9	Farbe der Balken über null beim Typ bar.
Verlustfarbe lossColor	Farbe	#d7d7d7	Farbe der Balken unter der Schwelle beim Typ Gewinn/Verlust.
Farbe Maximum maxColor	Farbe	#e55253	Farbe des höchsten Punkts bei eingeschaltetem Show Min Max.

Tooltip

Einstellung	Typ	Standardwert	Beschreibung
Tooltip Enabled tooltipEnabled	Kontrollkästchen	Ein	Zeigt die Werte, wenn der Zeiger auf der Sparkline ruht.

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, processValue, showMinMax, showFirstLast, lineWidth, tooltipEnabled, winlossThreshold, barNegativeColor, barPositiveColor, firstLastColor, lineColor, winColor, lossColor, minColor, maxColor, pointColor, pointSize, pointSymbol

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

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.