Verwenden von Diagrammen mit interaktiver Kommunikation using-charts-in-interactive-communications

Ein Diagramm oder Graph ist eine visuelle Darstellung von Daten. Sie fasst große Mengen von Informationen in ein leicht verständliches visuelles Format zusammen, sodass die Empfängerinnen und Empfänger der interaktiven Kommunikation komplexe Daten besser visualisieren, interpretieren und analysieren können.

Beim Erstellen einer interaktiven Kommunikation können Sie Diagramme hinzufügen, um zweidimensionale Daten vom Formulardatenmodell der Vorlage für die interaktive Kommunikation visuell darzustellen. Mit der Diagrammkomponente können Sie die folgenden Arten von Diagrammen hinzufügen und konfigurieren: Torten-, Spalten-, Ring-, Balken-, Linien-, Linien- und Punkt-, Punkt-, Flächen- und Quadrantendiagramm.

Hinzufügen und Konfigurieren eines Diagramms in einer interaktiven Kommunikation add-and-configure-chart-in-an-interactive-communication

Führen Sie die folgenden Schritte aus, um ein Diagramm in einer interaktiven Kommunikation hinzuzufügen und zu konfigurieren:

Konfigurieren von Diagrammeigenschaften configure-chart-properties

Konfigurieren Sie beim Erstellen von Diagrammen für Druck- und Web-Kanäle die folgenden Eigenschaften:

Verwenden von Funktionen im Diagrammen use-functions-in-chart

Sie können ein Diagramm so konfigurieren, dass es mithilfe statistischer Funktionen Werte aus den Quelldaten für die Darstellung im Diagramm berechnet. Durch Anwenden von Funktionen in einem Diagramm können Sie Daten grafisch darstellen, die nicht direkt vom Formulardatenmodell bereitgestellt werden.

Auch wenn die Diagrammkomponente mit einigen eingebauten Funktionen ausgestattet ist, können Sie eigene Funktionen schreiben und sie für die Verwendung in der Diagrammkonfiguration im Web-Kanal verfügbar machen.

Die folgenden Funktionen sind standardmäßig in der Diagrammkomponente verfügbar:

Mittelwert (Durchschnitt) Gibt den Durchschnitt der Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Summe Gibt die Summe aller Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Maximum Gibt das Maximum der Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Häufigkeit Gibt die Anzahl der Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Bereich Gibt die Differenz zwischen dem Maximum und dem Minimum der Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Median Gibt den Wert zurück, der höhere und niedrigere Werte auf der X- oder Y-Achse bei einem bestimmten Wert auf der anderen Achse in der Mitte trennt.

Minimum Gibt das Minimum der Werte auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Modus Gibt den Wert mit den meisten Vorkommnissen auf der X- oder Y-Achse für einen bestimmten Wert auf der anderen Achse zurück.

Weitere Informationen finden Sie in Beispiel 2: Anwendung von Summen- und Häufigkeitsfunktionen in einem Liniendiagramm.

Benutzerdefinierte Funktionen im Web-Kanal customfunctionsweb

Neben der Verwendung der Standardfunktionen in Diagrammen können Sie auch benutzerdefinierte Funktionen in JavaScript™ schreiben und in der Funktionsliste der Diagrammkomponente für den Web-Kanal verfügbar machen.

Eine Funktion akzeptiert ein Array oder Werte sowie einen Kategorienamen als Eingaben und gibt einen Wert zurück. Beispiel:

Multiply(valueArray, category) {
 var val = 1;
 _.each(valueArray, function(value) {
 val = val * value;
 });
 return val;
}

Nachdem Sie eine benutzerdefinierte Funktion geschrieben haben, führen Sie die folgenden Schritte aus, um sie für die Verwendung in der Diagrammkonfiguration verfügbar zu machen:

Die Funktion ist jetzt für die Verwendung im Diagramm verfügbar.

Beispiel 1: Diagrammausgabe in Druck und Web chartoutputprintweb

Auf der Registerkarte „Grundeinstellungen“ definieren Sie die Art des Diagramms, die Quellformulardatenmodelleigenschaften, die Daten enthalten, sowie die Beschriftungen, die auf der X-Achse und Y-Achse des Diagramms dargestellt werden können. Optional definieren Sie hier auch die statistische Funktion, um die Werte für die grafische Darstellung auf dem Diagramm zu berechnen.

Im Folgenden wird das Minimum der erfoderlichen Informationen in den Grundeinstellungen anhand des Beispiels einer Kreditkartenabrechnung, die mit einer interaktiven Kommunikation erstellt wurde, detailliert erläutert. Angenommen, Sie möchten ein Diagramm erstellen, in dem die Höhe der verschiedenen Ausgaben in der Anweisung dargestellt wird. Sie möchten verschiedene Arten von Diagrammen für die Druck- und Web-Ausgabe der interaktiven Kommunikation verwenden.

Säulendiagramm zum Ausdrucken columnchartprint

Um dies zu erreichen, geben Sie die folgenden Eigenschaften an:

Säulendiagramm in der Druckausgabe einer interaktiven Kommunikation

Ringdiagramm für Webausgabe donutchartweb

Um dies zu erreichen, geben Sie die folgenden Eigenschaften an:

Ringdiagramm in der Webausgabe einer interaktiven Kommunikation

Beispiel 2: Anwendung von Summen- und Häufigkeitsfunktionen in einem Liniendiagramm applicationsumfrequency

Durch Anwenden von Funktionen in einem Diagramm können Sie Daten darstellen, die nicht direkt vom Formulardatenmodell bereitgestellt werden. In diesem Beispiel verwenden wir ein Kreditkartenabrechnungsbeispiel, um zu verstehen, wie Summen- und Häufigkeitsfunktionen auf das Diagramm angewendet werden können.

Liniendiagramm ohne Funktion mit zwei „Debit für AirBnB“-Transaktionen

Summenfunktion sum-function

Sie können die Summenfunktion anwenden, um Werte mehrerer Instanzen derselben Dateneigenschaft zu addieren und sie nur einmal anzuzeigen. Im folgenden Diagramm wird zum Beispiel die Summenfunktion auf die Y-Achse angewendet, um die Summe der drei „Debit für AirBnB“-Transaktionen (2050 und 1050) zu addieren und nur eine Transaktion (3100) anzuzeigen.

Die Summenfunktion kann Diagramme nützlicher machen, wenn Sie die Summe für viele Instanzen derselben Dateneigenschaft sortieren und anzeigen möchten.

Häufigkeitsfunktion frequency-function

Die Häufigkeitsfunktion gibt die Anzahl der Werte auf der X-Achse für einen bestimmten Wert auf der anderen Achse an. Bei Anwendung der Häufigkeitsfunktion auf der Y-Achse (Transaktionsbetrag) zeigt das Diagramm an, dass zwei „Debit für AirBnB“-Transaktionen und der Rest der Transaktionsarten einmal aufgetreten sind.

Beispiel 3: Mehrreihen-Quadrantendiagramm in der Webausgabe example-multi-series-quadrant-chart-in-web

Das Diagramm zeigt den Betrag für die Transaktionen, die in einem bestimmten Datumsbereich durchgeführt wurden. Das Quadrantendiagramm bietet die Möglichkeit, den Diagrammbereich in vier beschriftete Abschnitte zu unterteilen. Das Diagramm verwendet einen statischen Bezugspunkt für die X- und Y-Achse. Verwenden Sie die Funktion der mehreren Reihen, um Daten auf Grundlage des Namens der Bank zu sortieren.

Um dies zu erreichen, geben Sie die folgenden Eigenschaften an: