Knowledge Base

Zurück zur Startseite

Knowledge Base

Komponenten & Funktionalitäten

Datenvisualisierung

Pie Chart

Die GAPTEQ-Komponente Pie Chart ist ein Diagramm zur Visualisierung von Daten. Über die Pie Chart Properties konfigurieren Sie das Diagramm passend für den jeweiligen Anwendungsfall.

In diesem Artikel lesen Sie folgende Inhalte:

Pie Chart Properties

Pie Chart Funktionalitäten

Screenshot 2023-11-16 102825

Tipp! Ein Anwendungsbeispiel eines konfigurierten Pie Charts lesen Sie im Artikel Datenvisualisierung über Charts.

1. Pie Chart Properties

Properties	Beschreibung
ID	Bezeichnung / Benamung der Headline
Color scheme	Initiale Farbschemen: Normal: schwarz Default: blau Success: grün Danger: rot
Color scheme	Konfiguriert über Color Schemes
Tab index	Legt die Navigation in der Page bzw. im Formular durch die Tab-Taste fest (Tab-Reihenfolge). Für jedes Formularfeld kann ein Tab-index vergeben werden.
Access	Access rights / Berechtigungen der Komponente: Click: Klicken, um weitere Actions auszulösen Read data: ausgegebenen Daten sehen / lesen
Title	Titel / Überschrift des Pie charts (im Bsp. oben: “Anzahl Geräte pro Gerätetyp”)
Subtitle	Unterüberschrift des Pie charts
Title location	Anordnung von Title / Subtitle (im Bsp. oben: Top / Center) Top vs. Bottom Left, Right, Center
Legend location	Anordnung der Legende Top vs. Bottom Left, Right, Center
Legend location	Legend Location kann über Checkbox “Show legend” angezeigt /verborgen werden
Display Settings	Anzeigen / Verbergen / Konfigurieren der Tooltips (Pop-up Feld zur Größe/Wert des jeweiligen Segments) Content: {value} der Tooltips Format (der Tooltips): Plain format (localized) → im Bsp. oben 6 Notebooks Group (localized) Percentage (100, localized) → 600%* Percentage (localized) → im Bsp. 6% Currency (localized) → Angabe der Tooltip-Werte in Währungseinheit Currency abbr.: z.B. EUR / USD - nur bei Format = Currency (localized) wirksam! Decimals (Dezimalstellen der Tooltips): Label: Overlapped Overlappen hide small values Shift automatically, hide small values Options: Enable export Enable toggle slices visibility
Series Colors	Bright Carmine Dark Moon Dark Violet Green Mist Harmony Light Material
Colors extension	Es gibt drei Farbausprägungen: Extrapolate (siehe Bsp. rechts) → die gesamte Farbpalette wiederholen, wobei der Farbton allmählich von dunkel nach hell wechselt Alternate → die gesamte Farbpalette wiederholt sich, wobei sich die normalen, aufgehellten und abgedunkelten Farbtöne in dieser Reihenfolge abwechseln Blend (siehe Bsp. links) → eine Mischung aus zwei benachbarten Farben erstellen und diese zwischen diesen beiden Farben in die Palette einfügen

2. Pie Chart Funktionalitäten

Events

Event	Beschreibung
ChartClicked	Dieses Ereignis wird ausgelöst, wenn das Diagramm angeklickt wurde.
LegendClicked	Dieses Ereignis wird ausgelöst, wenn die Legende angeklickt wurde.

Actions

Kategorisierung	Action	Beschreibung
State	enable()	Aktivieren Sie das Diagramm.
	disable()	Deaktivieren Sie das Diagramm.
	setEnabled(enabled)	Aktivieren/deaktivieren Sie das Diagramm. aktiviert: Flagge zur Anzeige von aktiviert oder deaktiviert.
	show()	Zeigt das Diagramm an.
	hide()	Blendet das Diagramm aus.
	setVisible(visible)	Zeigt/verbirgt das Diagramm. sichtbar: Flagge zum Anzeigen oder Ausblenden.
Appearance	setTitle(title)	Legen Sie den Titel des Diagramms fest. text: Der zu setzende Titel.
Data	refresh()	Daten aktualisieren.