Das Chart-Ansichtselement stellt die Daten einer Datenquelle als interaktives Diagramm dar. Es unterstützt 17 verschiedene Diagrammtypen — von klassischen Balken- und Liniendiagrammen über Flächen- und Scatter-Charts bis hin zu Torten- und Donut-Darstellungen. Die Daten können optional aggregiert und nach Zeiträumen gruppiert werden.

Charts eignen sich besonders für die visuelle Aufbereitung von Kennzahlen, Verteilungen und Trends. Im Gegensatz zu Dashboard-Diagrammen ist das Chart-Ansichtselement ein eigenständiger Navigationspunkt in der Anwendung und zeigt die Daten einer dedizierten Datenquelle an.

Die verfügbaren Diagrammtypen gliedern sich in zwei Kategorien: XY-Charts (mit Achsen) und Kreis-Charts (ohne Achsen).

XY-Charts (Achsendiagramme)

Kreis-Charts

1. Neues Ansichtselement anlegen

   Navigieren Sie im Admin-Client zum gewünschten Menüpunkt und erstellen Sie ein neues Ansichtselement. Wählen Sie als Elementtyp:

   Chart

2. Datenquelle zuweisen

   Weisen Sie dem Ansichtselement eine Datenquelle zu. Diese Datenquelle liefert die Rohdaten für das Diagramm. Stellen Sie sicher, dass die Datenquelle mindestens ein numerisches Feld enthält, das als Wert-Achse dienen kann.

   Hinweis Das Chart-Ansichtselement lädt alle Datensätze der zugewiesenen Datenquelle (ohne Seitenbegrenzung). Verwenden Sie bei großen Datenmengen vordefinierte Filter in der Datenquelle, um die Datenmenge einzuschränken.
3. Chart-Einstellungen öffnen

   Wechseln Sie zum Tab „Chart-Einstellungen“. Hier konfigurieren Sie Diagrammtyp, Datenfelder, Aggregation und Anzeige-Optionen in vier übersichtlichen Gruppen.

4. Diagrammtyp wählen Pflichtfeld

   Wählen Sie im Abschnitt „Diagramm-Typ“ den gewünschten Typ aus der Dropdown-Liste (z. B. Balken, Linie, Torte, Donut).

5. Ansichtselement speichern

   Speichern Sie das Ansichtselement. Das Diagramm wird sofort in der App-Navigation verfügbar und stellt die Daten der zugewiesenen Datenquelle dar.

Datenfelder zuweisen

Im Abschnitt „Datenfelder“ der Chart-Einstellungen legen Sie fest, welche Felder der Datenquelle im Diagramm verwendet werden:

Aggregation

Im Abschnitt „Aggregation“ legen Sie fest, wie mehrere Datensätze mit gleicher Kategorie zusammengefasst werden. Ohne Aggregation wird jeder Datensatz einzeln dargestellt.

Datum-Gruppierung

Wenn eine Aggregation aktiv ist und das Kategorie-Feld ein Datumsfeld ist, können Sie zusätzlich eine Datum-Gruppierung wählen. Damit werden Datensätze in Zeitintervalle zusammengefasst, bevor die Aggregation angewendet wird.

Im Abschnitt „Anzeige“ der Chart-Einstellungen passen Sie das Erscheinungsbild des Diagramms an:

Im Abschnitt «Zusätzliche Serien» der Chart-Einstellungen können Sie weitere Datenreihen hinzufügen. Jede zusätzliche Serie kann einen eigenen Datenfilter erhalten. Damit lassen sich verschiedene Teilmengen der gleichen Datenquelle in einem Diagramm gegenüberstellen — z. B. aktuelles Jahr vs. Vorjahr, offene vs. geschlossene Vorgänge.

Serie hinzufügen und konfigurieren

1. Serie hinzufügen

   Klicken Sie auf «Serie hinzufügen» im Abschnitt «Zusätzliche Serien».

2. Datenfelder konfigurieren

   Wählen Sie Kategorie-Feld und Wert-Feld für die neue Serie. Vergeben Sie einen Serien-Namen (erscheint in der Legende).

3. Chart-Typ Override (optional)

   Jede Serie kann einen eigenen Diagrammtyp haben. So können Sie z. B. die Hauptserie als Balken und die Vergleichsserie als Linie darstellen (Mixed Chart).

4. Datenfilter konfigurieren

   Im Bereich «Datenfilter» der Serie legen Sie fest, welche Teilmenge der Daten diese Serie anzeigen soll. Der Filter wird mit dem Ansichtselement-Filter per UND verknüpft. Beispiele:

   • Buchungsjahr = 2025 — nur Vorjahresdaten
   • Status = Geschlossen — nur abgeschlossene Vorgänge
   • Datumsfilter mit relativem Zeitraum (z. B. «Aktueller Monat, Offset -12» für den gleichen Monat im Vorjahr)
5. Zeitfilter-Navigation aktivieren (optional)

   Wenn der Datenfilter der Serie eine relative Datumsbedingung enthält, können Sie den Schalter «Zeitfilter-Navigation aktiv» aktivieren. Damit blättert die Serie automatisch mit, wenn der Anwender über die Chevron-Buttons in der Filterzeile durch die Zeiträume navigiert.

Beispiel 1: Monatlicher Umsatz nach Produktgruppe (Balkendiagramm)

Ergebnis: Pro Monat erscheint ein Balken-Cluster, in dem jede Produktgruppe als eigene Farbe dargestellt wird. Die Legende ordnet die Farben den Produktgruppen zu. Durch die Summen-Aggregation mit Monats-Gruppierung werden alle Einzelbestellungen des jeweiligen Monats zu einem Gesamtwert pro Produktgruppe zusammengefasst.

Beispiel 2: Statusverteilung als Donut-Diagramm

Ergebnis: Ein Donut-Diagramm, das die Anzahl der Datensätze pro Status als farbiges Segment darstellt. Die Datenbeschriftungen zeigen die konkreten Anzahlen direkt an den Segmenten. Durch die Anzahl-Aggregation zählt das System automatisch, wie viele Datensätze auf jeden Status entfallen.

Kann ich den Diagrammtyp nachträglich ändern?

Ja. Öffnen Sie das Ansichtselement im Admin-Client und ändern Sie den Diagrammtyp im Tab „Chart-Einstellungen“. Die Datenfeld-Zuweisungen bleiben erhalten. Beachten Sie, dass der Wechsel zwischen XY-Charts (Balken, Linie etc.) und Kreis-Charts (Torte, Donut) die Darstellung grundlegend ändert — Achsentitel und horizontale Drehung sind nur bei XY-Charts relevant.

Warum werden keine Daten im Diagramm angezeigt?

Prüfen Sie folgende Punkte:

• Ist eine Datenquelle zugewiesen und enthält sie Datensätze?
• Sind Kategorie-Feld und Wert-Feld konfiguriert?
• Ist das Wert-Feld ein numerisches Feld (Integer, Decimal, Double)?
• Liefern die Filter der Datenquelle überhaupt Ergebnisse?

Bei fehlender oder fehlerhafter Konfiguration zeigt das Diagramm eine Warnmeldung mit einem Hinweis auf das Problem (kein App-Absturz).

Was ist der Unterschied zwischen Aggregation und Datum-Gruppierung?

Die Aggregation (Summe, Durchschnitt etc.) legt fest, wie Werte zusammengefasst werden. Die Datum-Gruppierung (Monat, Quartal etc.) legt fest, in welchen Zeitintervallen gruppiert wird. Beide arbeiten zusammen: z. B. „Summe pro Monat“ addiert alle Werte, die in denselben Monat fallen.

Kann ich mehrere Datenreihen in einem Diagramm darstellen?

Ja, auf zwei Wegen:

• Serien-Gruppierung: Über das Feld «Serien-Gruppierung» werden automatisch mehrere Reihen aus einer Datenquelle erzeugt (z. B. eine Reihe pro Abteilung).
• Zusätzliche Serien mit eigenem Filter: Im Abschnitt «Zusätzliche Serien» können Sie manuell weitere Datenreihen hinzufügen. Jede Serie kann einen eigenen Datenfilter erhalten und so andere Daten aus der gleichen Datenquelle anzeigen (z. B. Vorjahreswerte, andere Statusgruppen). Siehe dazu den Abschnitt «Zusätzliche Serien mit Datenfilter» weiter oben.

Werden die Daten live aktualisiert?

Die Daten werden beim Öffnen des Ansichtselements geladen. Für eine Aktualisierung kann der Anwender die Seite neu laden oder das Ansichtselement erneut aufrufen.

Was ist „Native Aggregation“?

Die native Aggregation ist eine ergänzende Funktion des DevExpress-Diagramms, die große Datenmengen direkt im Diagramm pixelbasiert zusammenfasst. Im Gegensatz zur normalen Aggregation (Summe, Durchschnitt etc.) ist sie nicht semantisch, sondern passt sich der aktuellen Anzeigegröße an. Sie ist nur bei XY-Charts verfügbar und nicht bei Kreis-Charts.

Kann ich das gleiche Chart in einem Dashboard verwenden?

Nein. Das Chart-Ansichtselement und Dashboard-Diagramme sind getrennte Konzepte. Das Chart-Ansichtselement ist ein eigenständiger Navigationspunkt in der App. Diagramme innerhalb eines Dashboards werden über den Dashboard-Designer konfiguriert.

Welche Felder kann ich als Kategorie-Feld verwenden?

Grundsätzlich jedes Feld der Datenquelle — Textfelder, Datumsfelder, numerische Felder. Bei Datumsfeldern empfiehlt sich die Kombination mit einer Datum-Gruppierung, um sinnvolle Intervalle zu erhalten (z. B. Monat statt exaktes Datum).