Skip to main content
Skip table of contents

Infokachel - Charts

image-20250609-114414.png

Typ

Desktop-Kachel

Entitäts-Kachel

Workspace-/BI-Kachel

Unterbereichs-Kachel

Beschreibung

Die Infokachel "Charts" - zeigt selbst definierte & konfigurierte Diagramme ausgehend von Daten aus dem CRM und ermöglicht die schnelle Einsicht in geschäftskritische Kennzahlen.

Die Kachel erlaubt die Darstellung von Diagrammen, welche ausgehend von Daten aus dem CRM generiert werden. 

Beispiele von fertig konfigurierten Charts-Kacheln 

image-20250609-114641.png
image-20250609-114723.png

image-20250609-114805.png

Konfiguration

Die Konfiguration der Kachel kann unmittelbar innerhalb der Kachel oder innerhalb des Kachel-Konfigurationsmenü erfolgen. 

Da sich die Einstellungen unterscheiden, je nachdem, welcher Diagrammtyp verwendet wird, werden daher die erforderlichen Schritte pro Diagrammstyp präsentiert. Die Schritt-für-Schritt-Anleitung orientiert sich dabei an der Konfiguration der Kachel auf einem Desktop-Cockpit, für eine Nutzung in anderen Kontexten sind ggf. andere Datenquellen zu verwenden.  

Kreisdiagramm 

Schritt

Anmerkungen

Screenshots

Auswahl des Bereichs 

Der erste Schritt des Wizards fragt den User immer nach dem Bereich, aus dem die Daten stammen, um darauf aufbauen ein Diagramm generieren zu lassen. 

image-20250609-114908.png

Auswahl des Typs 

In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. 

image-20250609-114927.png

Feldwert

Im nächsten Schritt wird definiert, nach welchem Schlüsselwert die Kreissegmente generiert werden. Hier sind nur Schlüsselwerte sie Status erlaubt. 

image-20250609-115034.png

Datenquelle 

Eine Datenquelle wird in der Kachel hinterlegt. 

image-20250812-153353.png

Weiteres

Im Wizard können erste Einstellungen wie Farbschema oder die Legende konfiguriert werden. Mehr Details können exklusiv im 3-Punkte-Menü eingestellt werden.

Die Einfärbung von Teilen des Diagramms wie Kreissegmente, Linien, Balken etc. kann 

  • über ein Template aus den Standardthemen oder 

  • ausgehend von einer Farbe definiert werden. In diesem Fall wird ausgehend von der ausgewählten Farbe weitere Farben berechnet, die jedes mal etwas heller werden. 

Die Legende kann im Wizard aktiviert oder deaktiviert werden. 

image-20250609-115111.png

Weitere Konfigurationen 

Einstellung

Erläuterungen

Einstellbarkeit

Bogenbeschriftung anzeigen

Bogenbeschriftungen können konfigurativ angezeigt werden. Dies bedeutet, dass ein Schriftzug innerhalb eines Segments im Kreisdiagramms angezeigt wird.  

Die Einstellung ist verknüpft mit einem Toggle-Schalter. 

Wird diese Einstellung aktiviert, kann via den Einstellungen

  • Bogenbeschriftung (Wert vs. Bezeichnung) 

  • Bogenbeschriftungsgrößen 

Sortieren nach 

Mit dieser Einstellung kann eine interne Sortierung vorgegeben werden, nach denen die Kreissegmente intern sortiert werden. Ausgehend vom obersten Punkt im Kreisdiagramm werden die Kreissegmente im Uhrzeigersinn angeordnet. 

Die Einstellung ist verknüpft mit drei versch. Einstellungen: 

  • Bezeichnungen (alphabetisch), von A bis Z 

  • Anteil (aufsteigend) 

  • Anteil (absteigend)  

Legende 

Neben der Einstellung, ob die Legende angezeigt werden soll oder nicht, kann auch die Position der Legende sowie dessen Beschriftungsgröße eingestellt werden. 

Position: 

  • Oben

  • Unten

  • Links

  • Rechts 

Beschriftungsgröße: 

  • klein

  • mittel

  • groß

Ringdiagramm

Schritt

Anmerkungen

Screenshots

Auswahl des Bereichs 

Der erste Schritt des Wizards fragt den User immer nach dem Bereich, aus dem die Daten stammen, um darauf aufbauen ein Diagramm generieren zu lassen. 

image-20250609-115213.png

Auswahl des Typs 

In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. 

image-20250609-115229.png

Feldwert

Im nächsten Schritt wird definiert, nach welchem Schlüsselwert die Kreissegmente generiert werden. Hier sind nur Schlüsselwerte sie Status erlaubt. 

image-20250609-115248.png

Datenquelle 

Eine Datenquelle wird in der Kachel hinterlegt. 

image-20250812-153409.png

Weiteres

Im Wizard können erste Einstellungen wie Farbschema oder die Legende konfiguriert werden. Mehr Details können exklusiv im 3-Punkte-Menü eingestellt werden.

Die Einfärbung von Teilen des Diagramms wie Kreissegmente, Linien, Balken etc. kann 

  • über ein Template aus den Standardthemen oder 

  • ausgehend von einer Farbe definiert werden. In diesem Fall wird ausgehend von der ausgewählten Farbe weitere Farben berechnet, die jedes mal etwas heller werden. 

Die Legende kann im Wizard aktiviert oder deaktiviert werden. 

image-20250609-115313.png

Weitere Konfigurationen 

Einstellung

Erläuterungen

Einstellbarkeit

Innerer Radius 

Um Ringdiagramme für unterschiedliche Kachelgrößen anzubieten, kann der innere Radius angepasst werden. Dabei können zwei Einstellungen getroffen werden (klein und groß)

Innerer Radius: 

  • Klein

  • Groß 

Bogenbeschriftung anzeigen

Bogenbeschriftungen können konfigurativ angezeigt werden. Dies bedeutet, dass ein Schriftzug innerhalb eines Segments im Kreisdiagramms angezeigt wird.  

Die Einstellung ist verknüpft mit einem Toggle-Schalter. 

Wird diese Einstellung aktiviert, kann via den Einstellungen

  • Bogenbeschriftung (Wert vs. Bezeichnung) 

  • Bogenbeschriftungsgrößen 

Sortieren nach 

Mit dieser Einstellung kann eine interne Sortierung vorgegeben werden, nach denen die Kreissegmente intern sortiert werden. Ausgehend vom obersten Punkt im Kreisdiagramm werden die Kreissegmente im Uhrzeigersinn angeordnet. 

Die Einstellung ist verknüpft mit drei versch. Einstellungen: 

  • Bezeichnungen (alphabetisch), von A bis Z 

  • Anteil (aufsteigend) 

  • Anteil (absteigend)  

Legende 

Neben der Einstellung, ob die Legende angezeigt werden soll oder nicht, kann auch die Position der Legende sowie dessen Beschriftungsgröße eingestellt werden. 

Position: 

  • Oben

  • Unten

  • Links

  • Rechts 

Beschriftungsgröße: 

  • klein

  • mittel

  • groß

Säulendiagramm

Schritt

Anmerkungen

Screenshots

Auswahl des Bereichs 

Der erste Schritt des Wizards fragt den User immer nach dem Bereich, aus dem die Daten stammen, um darauf aufbauen ein Diagramm generieren zu lassen. 

image-20250609-115414.png

Auswahl des Typs 

In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. 

image-20250609-115525.png

Feldwert

Im nächsten Schritt wird definiert, welcher Wert auf der x-Achse angezeigt werden. Es können bspw. Schlüsselwerte oder Datumswerte eingetragen werden. 

Im Falle der Datumswerte muss definiert werden, wie die Datumswerte interpretiert werden sollen. 

image-20250609-115444.png

Datenquelle

Eine Datenquelle wird in der Kachel definiert. 

Für die y-Achse kann zwischen der Anzahl an Datensätzen oder einem Feldwert via Toggle-Schalter unterschieden werden. 

  • Wird "Anzahl" ausgewählt, so werden für die y-Achse die Anzahl der zutreffenden Datensätze verwendet. 

  • Wird "Feldwert", so kann ein numerischer Wert (bspw. Anfragewert, Umsatz etc.) ausgewählt werden. 

Zusätzlich dazu kann optional nach einem Schlüsselwert gruppiert werden. Das bedeutet, dass nicht nur nach dem o.g. hinterlegten Feldwert in der x-Achse das Diagramm aufgebaut wird, sondern zusätzlich dazu nach einem Schlüsselwert (s. rechts) 

image-20250812-153422.png

image-20250609-115603.png

Vergleich: 

Vertrieb (x-Achse) vs. Anzahl (y-Achse) 

image-20250609-115623.png

Vertrieb (x-Achse) & gruppiert nach Status vs. Anzahl (y-Achse) 

image-20250609-115648.png

Weiteres

Im Wizard können erste Einstellungen wie Farbschema oder die Legende konfiguriert werden. Mehr Details können exklusiv im 3-Punkte-Menü eingestellt werden.

Die Einfärbung von Teilen des Diagramms wie Kreissegmente, Linien, Balken etc. kann 

  • über ein Template aus den Standardthemen oder 

  • ausgehend von einer Farbe definiert werden. In diesem Fall wird ausgehend von der ausgewählten Farbe weitere Farben berechnet, die jedes mal etwas heller werden. 

Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. 

image-20250609-115709.png

Weitere Konfigurationen 

Einstellung

Erläuterungen

Einstellbarkeit

Gruppenmodus

Wurde die optionale Einstellung ausgefüllt, dass die Säulen gruppiert werden sollen, so kann in dieser Einstellung entschieden werden, wie die Gruppierung dargestellt wird. Entweder werden die Säulen gestapelt oder jeweils als Gruppe dargestellt. 

Gruppenmodus: 

  • Gruppiert

  • Gestapelt 

Sortieren nach 

Mit dieser Einstellung kann eine interne Sortierung vorgegeben werden, nach denen die Säulen intern sortiert werden.

Die Einstellung ist verknüpft mit drei versch. Einstellungen: 

  • Bezeichnungen (alphabetisch), von A bis Z 

  • Anteil (aufsteigend) 

  • Anteil (absteigend)  

  • Zeitlich 

Legende 

Neben der Einstellung, ob die Legende angezeigt werden soll oder nicht, kann auch die Position der Legende sowie dessen Beschriftungsgröße eingestellt werden. 

Position: 

  • Oben

  • Unten

  • Links

  • Rechts 

Beschriftungsgröße: 

  • klein

  • mittel

  • groß

Achsenkonfiguration

Für das Diagramm kann eine Beschriftung der Achsen eingestellt und feinjustiert werden. Initial werden die Feldnamen bzw. "Anzahl" angezeigt, wenn die Achsenkonfiguration aktiviert wird. Wenn gewünscht, kann man die Achsenbezeichnungen auch via i18n-Feld anpassen. Zusätzlich dazu kann auch ein Raster für ein besseres Ablesen von Werten eingestellt werden. Initial wird kein Raster angezeigt. 

Für Achsenbeschriftungen stehen i18n-Felder zur Verfügung, um freie Texte als Achsenbezeichnungen zu hinterlegen. 

Raster: 

  • Keins

  • Horizontal

  • Vertikal

  • Komplett 

Referenzlinie 

Zusätzlich zum Raster kann optional auch eine Referenzlinie angezeigt werden. Dies erlaubt das schnelle Ablesen von interessanten Werten der angezeigte Datenmenge, bspw. den Maximalwert oder den Durchschnitt. Die Optik der Referenzlinie kann auch stark angepasst werden via Style sowie Farbauswahl. 

Schlüsselwert zur Anzeige: 

  • Maximum

  • Minimum

  • Durchschnitt

  • Median 

Stil: 

  • Standard

  • Gestrichelt

  • Gepunktet

Farbe: auswählbar via ColorPicker 

Liniendiagramm

Schritt

Anmerkungen

Screenshots

Auswahl des Bereichs 

Der erste Schritt des Wizards fragt den User immer nach dem Bereich, aus dem die Daten stammen, um darauf aufbauen ein Diagramm generieren zu lassen. 

image-20250609-115756.png

Auswahl des Typs 

In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. 

image-20250609-115829.png

Feldwert

Im nächsten Schritt wird definiert, welcher Wert auf der x-Achse angezeigt werden. Es können bspw. Schlüsselwerte oder Datumswerte eingetragen werden. 

Im Falle der Datumswerte muss definiert werden, wie die Datumswerte interpretiert werden sollen. 

image-20250609-115852.png

Datenquelle 

Eine Datenquelle wird in der Kachel definiert. 

Für die y-Achse kann zwischen der Anzahl an Datensätzen oder einem Feldwert via Toggle-Schalter unterschieden werden. 

  • Wird "Anzahl" ausgewählt, so werden für die y-Achse die Anzahl der zutreffenden Datensätze verwendet. 

  • Wird "Feldwert", so kann ein numerischer Wert (bspw. Anfragewert, Umsatz etc.) ausgewählt werden. 

Zusätzlich dazu können optional mehrere Linien gemäß einem Schlüsselfeld angezeigt werden. 

image-20250812-153445.png

Vergleich: 

Anzahl von Anfragen über das Kaufdatum 

image-20250609-115925.png

Anzahl von Anfragen über das Kaufdatum nach Status aufgeteilt: 

image-20250609-115944.png

Weiteres

Im Wizard können erste Einstellungen wie Farbschema oder die Legende konfiguriert werden. Mehr Details können exklusiv im 3-Punkte-Menü eingestellt werden.

Die Einfärbung von Teilen des Diagramms wie Kreissegmente, Linien, Balken etc. kann 

  • über ein Template aus den Standardthemen oder 

  • ausgehend von einer Farbe definiert werden. In diesem Fall wird ausgehend von der ausgewählten Farbe weitere Farben berechnet, die jedes mal etwas heller werden. 

Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. 

image-20250609-120011.png

Weitere Konfigurationen 

Einstellung

Erläuterungen

Einstellbarkeit

Fläche füllen 

Bei Aktivierung wird der Bereich unter der Linie bis zur Achse mit Farbe gefüllt, um die kumulative Wirkung der Daten über die Zeit oder einen anderen Vergleichsmaßstab zu veranschaulichen.

Ja oder Nein 

Stapeln 

Bei Aktivierung werden - falls mehrere Linien im Diagramm vorhanden sind - diese gestapelt. 

Ja oder Nein 

Markierung anzeigen 

Bei Aktivierung der Option werden einzelne Datenpunkte hervorgehoben angezeigt, zusätzlich zur eigentlichen Linie.

Ja oder Nein 

Legende 

Neben der Einstellung, ob die Legende angezeigt werden soll oder nicht, kann auch die Position der Legende sowie dessen Beschriftungsgröße eingestellt werden. 

Position: 

  • Oben

  • Unten

  • Links

  • Rechts 

Beschriftungsgröße: 

  • klein

  • mittel

  • groß

Achsenkonfiguration

Für das Diagramm kann eine Beschriftung der Achsen eingestellt und feinjustiert werden. Initial werden die Feldnamen bzw. "Anzahl" angezeigt, wenn die Achsenkonfiguration aktiviert wird. Wenn gewünscht, kann man die Achsenbezeichnungen auch via i18n-Feld anpassen. Zusätzlich dazu kann auch ein Raster für ein besseres Ablesen von Werten eingestellt werden. Initial wird kein Raster angezeigt. 

Für Achsenbeschriftungen stehen i18n-Felder zur Verfügung, um freie Texte als Achsenbezeichnungen zu hinterlegen. 

Raster: 

  • Keins

  • Horizontal

  • Vertikal

  • Komplett 

Referenzlinie 

Zusätzlich zum Raster kann optional auch eine Referenzlinie angezeigt werden. Dies erlaubt das schnelle Ablesen von interessanten Werten der angezeigte Datenmenge, bspw. den Maximalwert oder den Durchschnitt. Die Optik der Referenzlinie kann auch stark angepasst werden via Style sowie Farbauswahl. 

Schlüsselwert zur Anzeige: 

  • Maximum

  • Minimum

  • Durchschnitt

  • Median 

Stil: 

  • Standard

  • Gestrichelt

  • Gepunktet

Farbe: auswählbar via ColorPicker 

Balkendiagramm

Schritt

Anmerkungen

Screenshots

Auswahl des Bereichs 

Der erste Schritt des Wizards fragt den User immer nach dem Bereich, aus dem die Daten stammen, um darauf aufbauen ein Diagramm generieren zu lassen. 

image-20250609-120111.png

Auswahl des Typs 

In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. 

image-20250609-120130.png

Feldwert

Im nächsten Schritt wird definiert, welcher Wert auf der y-Achse angezeigt werden. Es können bspw. Schlüsselwerte oder Datumswerte eingetragen werden. 

Im Falle der Datumswerte muss definiert werden, wie die Datumswerte interpretiert werden sollen. 

image-20250609-120154.png

Datenquelle

Eine Datenquelle wird in der Kachel definiert. 

Für die x-Achse kann zwischen der Anzahl an Datensätzen oder einem Feldwert via Toggle-Schalter unterschieden werden. 

  • Wird "Anzahl" ausgewählt, so werden für die y-Achse die Anzahl der zutreffenden Datensätze verwendet. 

  • Wird "Feldwert", so kann ein numerischer Wert (bspw. Anfragewert, Umsatz etc.) ausgewählt werden. 

Zusätzlich dazu kann optional nach einem Schlüsselwert gruppiert werden. Das bedeutet, dass nicht nur nach dem o.g. hinterlegten Feldwert in der x-Achse das Diagramm aufgebaut wird, sondern zusätzlich dazu nach einem Schlüsselwert (s. rechts) 

image-20250812-153502.png

image-20250609-120216.png

Vergleich: 

Anfragewert (x-Achse) vs. Kaufdatum (y-Achse) 

image-20250609-120251.png

Anfragewert (x-Achse) vs. Kaufdatum (y-Achse) & gruppiert nach Status

image-20250609-120318.png

Weiteres

Im Wizard können erste Einstellungen wie Farbschema oder die Legende konfiguriert werden. Mehr Details können exklusiv im 3-Punkte-Menü eingestellt werden.

Die Einfärbung von Teilen des Diagramms wie Kreissegmente, Linien, Balken etc. kann 

  • über ein Template aus den Standardthemen oder 

  • ausgehend von einer Farbe definiert werden. In diesem Fall wird ausgehend von der ausgewählten Farbe weitere Farben berechnet, die jedes mal etwas heller werden. 

Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. 

image-20250609-120337.png

Einstellung

Erläuterungen

Einstellbarkeit

Gruppenmodus

Wurde die optionale Einstellung ausgefüllt, dass die Säulen gruppiert werden sollen, so kann in dieser Einstellung entschieden werden, wie die Gruppierung dargestellt wird. Entweder werden die Säulen gestapelt oder jeweils als Gruppe dargestellt. 

Gruppenmodus: 

  • Gruppiert

  • Gestapelt 

Sortieren nach 

Mit dieser Einstellung kann eine interne Sortierung vorgegeben werden, nach denen die Säulen intern sortiert werden.

Die Einstellung ist verknüpft mit drei versch. Einstellungen: 

  • Bezeichnungen (alphabetisch), von A bis Z 

  • Anteil (aufsteigend) 

  • Anteil (absteigend)  

  • Zeitlich 

Legende 

Neben der Einstellung, ob die Legende angezeigt werden soll oder nicht, kann auch die Position der Legende sowie dessen Beschriftungsgröße eingestellt werden. 

Position: 

  • Oben

  • Unten

  • Links

  • Rechts 

Beschriftungsgröße: 

  • klein

  • mittel

  • groß

Achsenkonfiguration

Für das Diagramm kann eine Beschriftung der Achsen eingestellt und feinjustiert werden. Initial werden die Feldnamen bzw. "Anzahl" angezeigt, wenn die Achsenkonfiguration aktiviert wird. Wenn gewünscht, kann man die Achsenbezeichnungen auch via i18n-Feld anpassen. Zusätzlich dazu kann auch ein Raster für ein besseres Ablesen von Werten eingestellt werden. Initial wird kein Raster angezeigt. 

Für Achsenbeschriftungen stehen i18n-Felder zur Verfügung, um freie Texte als Achsenbezeichnungen zu hinterlegen. 

Raster: 

  • Keins

  • Horizontal

  • Vertikal

  • Komplett 

Referenzlinie 

Zusätzlich zum Raster kann optional auch eine Referenzlinie angezeigt werden. Dies erlaubt das schnelle Ablesen von interessanten Werten der angezeigte Datenmenge, bspw. den Maximalwert oder den Durchschnitt. Die Optik der Referenzlinie kann auch stark angepasst werden via Style sowie Farbauswahl. 

Schlüsselwert zur Anzeige: 

  • Maximum

  • Minimum

  • Durchschnitt

  • Median 

Stil: 

  • Standard

  • Gestrichelt

  • Gepunktet

Farbe: auswählbar via ColorPicker 

Weitere Funktionen ohne Einstellungsmöglichkeit

  • Highlighting von gehoverten Datenmengen: Wird mit der Maus über einen bestimmten Bereich des Diagramms gehovert, so reagiert das Diagramm darauf und zeigt eine veränderte Darstellung sowie zusätzliche Informationen via Tooltip an. 

  • Clickthrough: Auf allen Teilbereichen von Diagrammen ist es möglich, mit der Maus darauf zu klicken und dahinter stehende Datensätze in einer Liste einzusehen, welche in einem neuen Tab geöffnet wird. 

  • Datenverringerung bei zu großen Datenmengen: Bei Balken-/Säulen-/Liniendiagrammen ist aktuell eine Limitierung von 25 Datenpunkten eingebaut. Werden mehr Datenpunkte mitgegeben, so werden lediglich 25 Datenpunkte angezeigt und versucht, Datenpunkte zusammenzufassen. Dies reduziert die Genauigkeit der Darstellung, ist aber notwendig, um die Performance der Kachel zu gewährleisten. Ist die Datenverringerung aktiv, so wird dies auch über eine Hinweismeldung dargestellt. 

image-20250609-120527.png

  • Re-Rendering bei Liniendiagrammen: Verkleinern/Vergrößern der Kachel hilft für eine korrekte Darstellung 

  • Mehrere Datenquellen in einem Diagramm: 

    • stehen nicht im Kreis- oder Ringdiagramm zur Verfügung 

    • Säulendiagramm: geht mit KAM über Anzahl , auch gepaart mit Gruppieren nach Status 

image-20250609-120605.png

image-20250609-120617.png

Weitere Beispiele von fertig konfigurierten Kacheln

Suche als Basis

Für die hier aufgezeigten Diagramme wird die stets die gleiche Suche mit Dummy-Datensätzen als Grundlage verwendet. 

image-20250609-120746.png
  • Die in blau umrandeten Felder sind die folgenden: 

    • Vertrieb (als Beispiel für ein Nachschlagefeld) 

    • Status (als Beispiel für einen Status- bzw. Schlüsselwert)

    • Kaufdatum (als Beispiel für ein Datumswert)

    • Anfragewert (als Beispiel für ein Zahlenwert) 

  • Es ist darauf zu achten, dass die Eigenschaft "Aufnahme in die Selektionsergebnismenge" bei jeder zu verwendeten Feldreferenz aktiv ist, so dass das Feld in der Kachel-Konfiguration nachgeschlagen werden kann 

Kreis- und Ringdiagramm 

image-20250609-120822.png
image-20250609-120939.png

Säulendiagramm

image-20250609-121040.png

Balkendiagramm 

image-20250609-121055.png

Liniendiagramm 

image-20250609-121119.png

Liniendiagramm mit mehreren Datenquellen 

image-20250609-121152.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.