Infokachel - Charts

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



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. | ![]() |
Auswahl des Typs | In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. | ![]() |
Feldwert | Im nächsten Schritt wird definiert, nach welchem Schlüsselwert die Kreissegmente generiert werden. Hier sind nur Schlüsselwerte sie Status erlaubt. | ![]() |
Datenquelle | Eine Datenquelle wird in der Kachel hinterlegt. | ![]() |
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
Die Legende kann im Wizard aktiviert oder deaktiviert werden. | ![]() |
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
|
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:
|
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:
Beschriftungsgröße:
|
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. | ![]() |
Auswahl des Typs | In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. | ![]() |
Feldwert | Im nächsten Schritt wird definiert, nach welchem Schlüsselwert die Kreissegmente generiert werden. Hier sind nur Schlüsselwerte sie Status erlaubt. | ![]() |
Datenquelle | Eine Datenquelle wird in der Kachel hinterlegt. | ![]() |
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
Die Legende kann im Wizard aktiviert oder deaktiviert werden. | ![]() |
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:
|
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
|
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:
|
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:
Beschriftungsgröße:
|
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. | ![]() |
Auswahl des Typs | In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. | ![]() |
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. | ![]() |
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.
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) | ![]() ![]() Vergleich: Vertrieb (x-Achse) vs. Anzahl (y-Achse) ![]() Vertrieb (x-Achse) & gruppiert nach Status vs. Anzahl (y-Achse) ![]() |
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
Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. | ![]() |
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:
|
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:
|
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:
Beschriftungsgröße:
|
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:
|
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:
Stil:
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. | ![]() |
Auswahl des Typs | In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. | ![]() |
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. | ![]() |
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.
Zusätzlich dazu können optional mehrere Linien gemäß einem Schlüsselfeld angezeigt werden. | ![]() Vergleich: Anzahl von Anfragen über das Kaufdatum ![]() Anzahl von Anfragen über das Kaufdatum nach Status aufgeteilt: ![]() |
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
Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. | ![]() |
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:
Beschriftungsgröße:
|
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:
|
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:
Stil:
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. | ![]() |
Auswahl des Typs | In diesem Schritt wird eins von 5 verfügbaren Diagrammtypen ausgewählt. | ![]() |
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. | ![]() |
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.
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) | ![]() ![]() Vergleich: Anfragewert (x-Achse) vs. Kaufdatum (y-Achse) ![]() Anfragewert (x-Achse) vs. Kaufdatum (y-Achse) & gruppiert nach Status ![]() |
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
Die Legende sowie die Achsenkonfiguration kann im Wizard aktiviert oder deaktiviert werden. | ![]() |
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:
|
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:
|
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:
Beschriftungsgröße:
|
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:
|
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:
Stil:
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.

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


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.

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


Säulendiagramm

Balkendiagramm

Liniendiagramm

Liniendiagramm mit mehreren Datenquellen

































