Utilisation de graphiques dans les communications interactives using-charts-in-interactive-communications

Un diagramme ou un graphique est une représentation visuelle des données. Elle concentre une grande quantité d’informations dans un format visuel simple à interpréter et permet aux destinataires de la communication interactive de mieux visualiser, interpréter et analyser les données complexes.

Lors de la création d’une communication interactive, vous pouvez ajouter des graphiques pour représenter visuellement des données bidimensionnelles à partir du modèle de données de formulaire de la communication interactive. Le composant de graphique vous permet d’ajouter et de configurer les types de graphiques suivants : circulaire, à colonnes, en anneau, à barres, linéaire, linéaire et à points, à points, en aires et à quadrants.

Ajouter et configurer un graphique dans une communication interactive add-and-configure-chart-in-an-interactive-communication

Pour ajouter et configurer un graphique dans une communication interactive, procédez comme suit :

Configurer les propriétés du graphique configure-chart-properties

Configurez les propriétés suivantes lors de la création de graphiques pour les canaux d’impression et web :

Utiliser des fonctions dans le graphique use-functions-in-chart

Vous pouvez configurer un graphique pour qu’il utilise des fonctions statistiques afin de calculer des valeurs à partir des données source destinées au tracé sur le graphique. L’application de fonctions dans un graphique vous permet de tracer des données qui ne sont pas directement fournies par le modèle de données de formulaire.

Outre les fonctions intégrées du composant de graphique, vous pouvez rédiger des fonctions personnalisées et les rendre disponibles pour qu’elles soient utilisées dans la configuration du graphique dans le canal web.

Les fonctions suivantes sont disponibles par défaut avec le composant de graphique :

Moyenne renvoie la moyenne des valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Somme renvoie la somme de toutes les valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Maximum renvoie le nombre maximal de valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Fréquence renvoie le nombre de valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Plage renvoie la différence entre le nombre maximal et minimal des valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Médian renvoie la valeur qui sépare les valeurs les plus élevées et les valeurs les plus basses de la moitié sur l’axe X ou Y pour une même valeur sur l’autre axe.

Minimum renvoie le nombre minimal de valeurs sur l’axe X ou Y pour une même valeur sur l’autre axe.

Mode renvoie la valeur avec le plus d’occurrences sur l’axe X ou Y pour une même valeur sur l’autre axe.

Pour plus d’informations, consultez la section Exemple 2 : application des fonctions Somme et Fréquence dans un graphique linéaire.

Fonctions personnalisées dans le canal web customfunctionsweb

Outre l’utilisation des fonctions par défaut dans les graphiques, vous pouvez créer des fonctions personnalisées en JavaScript™ et les rendre disponibles dans la liste des fonctions du composant de graphique pour le canal web.

Une fonction prend un tableau ou des valeurs et un nom de catégorie comme entrées et renvoie une valeur. Par exemple :

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

Une fois que vous avez rédigé une fonction personnalisée, procédez comme suit pour la rendre disponible pour une utilisation dans la configuration du graphique :

Cette fonctionnalité est désormais disponible dans le graphique.

Exemple 1 : sortie du graphique sur papier et sur le web chartoutputprintweb

Dans l’onglet Réglages de base, définissez le type de graphique, les propriétés de modèle de données du formulaire source contenant des données, les libellés à mapper sur l’axe X et l’axe Y du graphique et éventuellement la fonction statistique pour calculer les valeurs à tracer sur le graphique.

Examinons en détail les informations minimales requises de ces propriétés de base à l’aide d’un relevé de carte généré via une communication interactive. Imaginons que vous souhaitez générer un graphique pour décrire le montant total des différentes dépenses dans le relevé. Vous souhaitez utiliser différents types de graphiques pour l’impression et la sortie web de la communication interactive.

Graphique à colonnes pour l’impression columnchartprint

Pour ce faire, spécifiez les propriétés suivantes :

Graphique à colonnes dans le canal d’impression d’une communication interactive

Graphique en anneau pour le Web donutchartweb

Pour ce faire, spécifiez les propriétés suivantes :

Graphique en anneau dans le canal web d’une communication interactive

Exemple 2 : application des fonctions Somme et Fréquence dans un graphique en ligne applicationsumfrequency

L’application de fonctions dans un graphique vous permet de tracer des données qui ne sont pas directement fournies par le modèle de données de formulaire. Ici, nous utilisons un exemple de relevé de carte de crédit pour comprendre comment les fonctions Somme et Fréquence peuvent être appliquées au graphique.

Graphique linéaire sans fonction comportant deux transactions « Debit for AirBnB »

Fonction Somme sum-function

Vous pouvez appliquer la fonction Somme pour additionner des valeurs de plusieurs instances de la même propriété Data et ne l’afficher qu’une seule fois. Par exemple, dans le graphique suivant, la fonction Somme s’applique à l’axe Y et additionne le montant des deux transactions « Debit for AirBnB » (2050 et 1050) pour afficher une seule transaction (3100).

La fonction Somme peut rendre le graphique plus utile si vous souhaitez assembler et afficher la somme de plusieurs instances de la même propriété Data.

Fonction Fréquence frequency-function

La fonction Fréquence renvoie le nombre de valeurs sur l’axe Y pour une même valeur sur l’autre axe. Grâce à l’utilisation de la fonction Fréquence sur l’axe Y (Montant de la transaction), le graphique affiche deux occurrences de transactions « Debit for AirBnB » et une occurrence du reste des types de transactions.

Exemple 3 : graphique à quadrants multi-séries dans le Web example-multi-series-quadrant-chart-in-web

Le graphique représente le montant des transactions effectuées au cours dʼune période donnée. Le graphique à quadrants permet de diviser le graphique en quatre sections identifiables. Le graphique utilise un point de référence statique pour l’axe X et l’axe Y. Utilisez la fonctionnalité de séries multiples pour séparer les données en fonction du nom de la banque.

Pour ce faire, spécifiez les propriétés suivantes :