Kreisdiagramm

Ca. 5 Min. Lesezeit

TwPieChart · 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.

Kreis

Einstellung	Typ	Standardwert	Beschreibung
Serien seriesConfigJson	Reihenkonfiguration	[ { "id": "pie-series-1", "name": "Series 1", "tagName": "", "logInfoId": 0, "logIntervalMs": null, "unit": "", "color": "", "enabled": true } ]	Hier definieren Sie die im Diagramm angezeigten Serien. Für jede Serie können Tag, Log-Variable, Achse und Darstellung festgelegt werden.
Segmentmodus pieSliceMode	Auswahl	series	Summen nach Serie bildet je Serie ein Segment aus der Summe ihrer Werte im Bereich; Summen nach Zeitintervall bildet je Zeitintervall ein Segment aus der Summe aller Serien. Optionen: series Summen nach Serie, timeBucket Summen nach Zeitintervall
Historienbereich Minuten timeRangeMinutes	Zahl	60	Länge des gleitenden Zeitbereichs im relativen Bereichsmodus in Minuten (Standard 60). Im Kalender-Bereichsmodus nicht verwendet.
Bereichsmodus rangeMode	Auswahl	relative	Relativ lädt die letzten Historienbereich-Minuten bis jetzt (gleitendes Fenster, Standard). Kalender lädt einen Kalenderzeitraum (Kalenderzeitraum, Kalenderversatz) in der Zeitzone des Browsers, z. B. dieses Jahr ab 1. Januar; der aktuelle Zeitraum endet jetzt und wechselt beim Aktualisieren und im Live-Modus selbst in den neuen Monat bzw. das neue Jahr. Das Kalendermenü der Werkzeugleiste ändert den Bereich zur Laufzeit, ohne ihn zu speichern. Optionen: relative Relativ, calendar Kalender
Maximale Punktzahl maxPoints	Zahl	50	Bestimmt die automatische Abtastzeit: Der Zeitbereich wird in etwa so viele Abtastwerte geteilt (mindestens 2, Standard 50).
Live-Aktualisierungsintervall ms refreshIntervalMs	Zahl	0	Lädt die Daten in diesem Intervall in Millisekunden neu, mindestens 1000; 0 schaltet die automatische Aktualisierung aus.
Render-Typ renderType	Auswahl	canvas	Canvas ist bei vielen Punkten schneller; SVG bleibt beim Vergrößern und Drucken scharf. Optionen: canvas, svg
Titelposition titlePosition	Auswahl	top	Setzt den Widget-Titel über oder unter das Diagramm. Optionen: top Oben, bottom Unten
Titelabstand (px) titleGap	Zahl	8	Abstand zwischen Titel und Diagramm in Pixeln, höchstens 80.
Bereichs-Presets rangePresetsJson	Mehrzeiliger Text	[ { "label": "1h", "minutes": 60, "enabled": true }, { "label": "6h", "minutes": 360, "enabled": true }, { "label": "24h", "minutes": 1440, "enabled": true } ]	Schnellbereichs-Schaltflächen der Werkzeugleiste als JSON-Liste; jeder Eintrag hat label, minutes und enabled. Leer ergibt 1h, 6h und 24h.
Datenquelle dataSourceMode	Auswahl	historySample	Historie (abgetastet) zeigt abgetastete Verlaufswerte; Verbrauch Differenzsumme zeigt den Verbrauch (die Differenz) von Zähler-Tags je Zeitintervall. Optionen: historySample Historie (abgetastet), consumptionDiffSum Verbrauch Differenzsumme
Zeitintervall pieTimeBucketUnit	Auswahl	auto	Länge des Zeitintervalls für Summen nach Zeitintervall; im Modus Verbrauch Differenzsumme bestimmt sie auch die Abtastzeit. Automatisch wählt je nach Bereichslänge Stunde bis Jahr. Optionen: hour Stündlich, day Täglich, week Wöchentlich, month Monatlich, quarter Vierteljährlich, year Jährlich, auto Automatisch
Kalenderzeitraum calendarPeriod	Auswahl	year	Zeitraum im Kalender-Bereichsmodus: Tag, Woche (ab Montag), Monat, Quartal oder Jahr (Standard Jahr). Optionen: day Tag, week Woche, month Monat, quarter Quartal, year Jahr
Navigationsschritt Minuten historyStepMinutes	Zahl	60	Wie weit die Zurück-/Vor-Schaltflächen der Werkzeugleiste den Zeitbereich verschieben, in Minuten (Standard 60). Im Kalender-Bereichsmodus verschieben sie um einen Kalenderzeitraum.
Abtastintervall (Sek., 0=Auto) sampleBySeconds	Zahl	0	Länge eines Abtastintervalls in Sekunden. 0 berechnet sie aus dem Zeitbereich und der maximalen Punktzahl (oder dem Zeitintervall).
Titelausrichtung titleAlign	Auswahl	center	Horizontale Ausrichtung des Titels. Optionen: left Links, center Zentriert, right Rechts
Abtastwerttyp sampleValueType	Auswahl	2	Wie die Werte in jedem Abtastintervall zusammengefasst werden: Minimum, Maximum, Mittelwert, Summe oder Anzahl. Optionen: 0 Minimum, 1 Maximum, 2 Durchschnitt, 3 Summe, 4 Anzahl
Kalenderversatz calendarOffset	Zahl	0	Welcher Zeitraum im Kalender-Bereichsmodus: 0 ist der aktuelle, -1 der vorherige (z. B. letzter Monat oder letztes Jahr), -2 der davor; positive Werte zählen als 0.

Darstellung

Einstellung	Typ	Standardwert	Beschreibung
Legende anzeigen showLegend	Kontrollkästchen	Ein	Zeigt die Legende mit den Segmentnamen.
Werkzeugleiste anzeigen showToolbar	Kontrollkästchen	Ein	Zeigt die Werkzeugleiste mit Bereichsvorgaben, Navigation und Aktualisieren.
Beschriftungen anzeigen showLabels	Kontrollkästchen	Ein	Schreibt Name und Prozentanteil neben jedes Segment.
Tooltip anzeigen showTooltip	Kontrollkästchen	Ein	Zeigt Name und Wert eines Segments, wenn der Zeiger darauf ruht.
Einstellungs-Knopf anzeigen showSettingsButton	Kontrollkästchen	Ein	Zeigt die Einstellungsschaltfläche in der Werkzeugleiste; Benutzer können Diagrammeinstellungen zur Laufzeit ändern, die Änderungen werden nicht in der Seite gespeichert.
Innenradius (%) innerRadiusPercent	Zahl	0	Größe des Lochs in der Mitte, 0–85 %; 0 zeichnet einen vollen Kreis, größere Werte einen Ring (Donut).

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, seriesConfigJson, maxPoints, timeRangeMinutes, rangeMode, calendarPeriod, calendarOffset, historyStepMinutes, dataSourceMode, pieSliceMode, pieTimeBucketUnit, sampleValueType, sampleBySeconds, rangePresetsJson, refreshIntervalMs, showLegend, showTooltip, showLabels, showToolbar, showSettingsButton, innerRadiusPercent, titlePosition, titleAlign, titleGap, renderType

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.