Überblick
Das Gauge/KPI-Ansichtselement zeigt aggregierte Kennzahlen als übersichtliche Kacheln, Tachometer oder Fortschrittsbalken an. Im Gegensatz zu Grid oder Chart, die viele Datensätze darstellen, konzentriert sich das Gauge auf einen einzigen Wert pro Kachel — z. B. Gesamtumsatz, Anzahl offener Tickets oder Durchschnittsbewertung.
Optional kann ein Gruppierungsfeld angegeben werden, sodass automatisch eine Kachel pro Gruppe entsteht — z. B. eine KPI-Karte pro Mitarbeiter oder pro Abteilung.
- Gesamtumsatz des aktuellen Monats als große KPI-Karte mit Trend-Pfeil
- Arbeitsstunden pro Mitarbeiter als Kachel-Grid mit farblicher Abstufung
- Auslastung einer Maschine als Tacho-Gauge mit Gruen/Gelb/Rot-Bereichen
- Offene Vorgänge pro Abteilung als KPI-Karten mit Vergleich zum Vormonat
Anzeigemodi
| Modus | Beschreibung | Typischer Einsatz |
|---|---|---|
| KPI-Karte | Kennzahl-Kachel mit Titel, Wert, Trend-Pfeil und optionalem Delta | Dashboards, Management-Cockpits |
| Circular Gauge | Rundes Tachometer mit Zeiger und farbigen Bereichen | Auslastung, Temperatur, Fortschritt (Phase 2) |
| Linear Gauge | Horizontaler/vertikaler Balken mit Skala | Fortschrittsanzeigen, Thermometer (Phase 3) |
| Bar Gauge | Kreisförmige Balken für Vergleiche | Ist/Soll-Vergleiche, Ziel-Erreichung (Phase 3) |
Gauge anlegen
- Öffnen Sie den Ansichtselement-Assistenten (über das Menü oder die Toolbar).
- Wählen Sie den Typ «Gauge / KPI».
- Wählen Sie eine Datenquelle (die Daten, auf deren Basis die Kennzahl berechnet wird).
- Vergeben Sie einen Namen und speichern Sie.
- Wechseln Sie zum Tab «GAUGE» in den Einstellungen.
Konfiguration: Tab «Daten»
Anzeigemodus
Wählen Sie den gewünschten Modus (KPI-Karte, Circular Gauge usw.). Je nach Modus erscheinen unterschiedliche Konfigurations-Optionen.
Primärwert
Der Primärwert ist die Hauptkennzahl, die angezeigt wird.
| Feld | Beschreibung |
|---|---|
| Quelle | Aggregation (Summe, Durchschnitt usw. über alle Datensätze), Erster Datensatz (Wert aus der ersten Zeile) oder Statischer Wert (fester Zahlenwert) |
| Wert-Feld | Welches Datenfeld aggregiert werden soll (z. B. «SummeArbeitsstunden») |
| Aggregation | Summe, Durchschnitt, Anzahl, Minimum oder Maximum |
| Einheit | Wird hinter dem Wert angezeigt (z. B. «h», «EUR», «%») |
| Format | .NET-Formatstring (z. B. «#,##0» für Tausender-Trennung, «0.0» für eine Nachkommastelle) |
Serien (Gruppierung)
Aktivieren Sie «Ein Gauge/KPI pro Gruppe erzeugen», um automatisch eine Kachel pro Gruppe zu erstellen — analog zur Serien-Gruppierung im Chart.
| Feld | Beschreibung |
|---|---|
| Gruppierungsfeld | Nach welchem Feld gruppiert wird (z. B. «Mitarbeiter_Name» oder «Abteilung») |
| Sortierung | Reihenfolge der Kacheln (nach Wert auf-/absteigend oder alphabetisch) |
| Max. Anzahl | Begrenzt die Anzahl der angezeigten Kacheln (0 = unbegrenzt) |
| Spalten im Grid | Feste Spaltenanzahl (0 = automatische Anpassung an Bildschirmbreite) |
Vergleichswert
Aktivieren Sie den Vergleichswert, um ein Delta (Differenz) und einen Trend-Pfeil anzuzeigen.
Der Vergleichswert kann auf zwei Arten befüllt werden:
- Gleiches Datenset: Aus einem anderen Feld derselben Datenquelle (z. B. «StundenVormonat»).
- Eigener Datenfilter: Aus der gleichen Datenquelle, aber mit einem abweichenden Filter. So können Sie z. B. den Umsatz des Vormonats als Vergleichswert laden, während der Primärwert den aktuellen Monat zeigt.
Vergleichswert mit Datenfilter
Wenn Sie im Bereich «Vergleichswert» einen Datenfilter konfigurieren, wird für den Vergleichswert eine separate Abfrage an die gleiche Datenquelle gestellt — mit dem angegebenen Filter. Der Filter wird automatisch mit dem Ansichtselement-Filter per UND verknüpft.
Konfigurieren Sie beim Vergleichswert einen relativen Datumsfilter (z. B. «Monat, Offset -1») und aktivieren Sie den Schalter «Zeitfilter-Navigation aktiv». Wenn der Anwender dann per Chevron-Buttons in der Filterzeile blättert (z. B. März → April), verschiebt sich auch der Vergleichswert automatisch mit (Februar → März).
Konfiguration: Tab «Darstellung»
Allgemein
- Titel / Untertitel — Wird über dem Wert angezeigt (nur im Einzelwert-Modus)
- Wert-Animation — Animierter Zähler beim Laden
KPI-Karte (nur bei Modus «KPI-Karte»)
- Icon — FontAwesome-Klasse (z. B. «fa-chart-line»)
- Trend-Pfeil — Pfeil hoch/runter basierend auf Delta
- Delta in % — Prozentuale Änderung anzeigen
- Delta absolut — Absolute Änderung anzeigen
Skala & Bereiche (nur bei Circular/Linear Gauge)
- Minimum / Maximum — Wertebereich der Skala
- Bereiche — Farbige Abschnitte auf der Skala (z. B. 0–80 Grün, 80–120 Gelb, 120–200 Rot)
Konfiguration: Tab «Farben»
Bestimmt, wie der Wert farblich hervorgehoben wird. Zwei Modi stehen zur Verfügung:
Schwellwerte (Regeln)
Regeln der Form «Wenn Wert > 100 → Rot». Identisch mit den KPI-Spalten-Regeln — die erste zutreffende Regel gewinnt.
Gradient (Farbverlauf)
Kontinuierlicher Farbverlauf zwischen Min- und Max-Wert. Besonders wirkungsvoll bei Serien: Jede Kachel bekommt automatisch ihre Farbe aus dem Verlauf, z. B. Rot → Gelb → Grün basierend auf dem Wert.
| Feld | Beschreibung |
|---|---|
| Min-/Max-Wert | Wertebereich für die Farbinterpolation |
| Start-/Endfarbe | Farben an den Enden des Verlaufs |
| Interpolation | HSL (Ampel-Skala, geht über Gelb) oder RGB (direkte Linie im Farbraum) |
Die Kombination aus Gruppierung und Gradient-Farbmodus erzeugt ohne manuelle Konfiguration eine farblich intuitive Übersicht. Z. B.: Arbeitsstunden pro Mitarbeiter, Kacheln automatisch eingefärbt von Rot (wenig) nach Grün (viel).
Beispiele
| Szenario | Modus | Gruppierung | Ergebnis |
|---|---|---|---|
| Gesamtumsatz | KPI-Karte | Keine | Eine große Karte mit Wert + Trend |
| Stunden pro Mitarbeiter | KPI-Karte | Mitarbeiter_Name | Kachel-Grid mit einer Karte pro Person |
| Maschinenauslastung | Circular Gauge | Maschinenname | Tacho pro Maschine mit Ampel-Bereichen |
| Umsatz pro Abteilung | KPI-Karte | Abteilung | 4 Karten mit Gradient-Farben |
Ausblick (V2)
- DrillDown — Klick auf eine KPI-Karte öffnet ein Grid mit den zugrundeliegenden Datensätzen
- Sparkline — Mini-Verlaufslinie unter dem Wert für Trend-Visualisierung
- Vergleichswert aus anderer Datenquelle — Z. B. Daten aus einem völlig anderen Datenobjekt als Vergleich heranziehen