Rechercher
Widget Graph
Le widget Graph permet de créer des graphiques à partir de données JSON, soit saisies directement dans l'inspecteur, soit générées via un Smartflow. Il utilise la bibliothèque chart.js pour la génération des graphiques.
Astuce
Il est possible d'afficher un graphique à partir d'un JSON, lui même généré par un workflow créé par IA.
JSON
| Paramètre | Utilisation |
|---|---|
| Objet JSON ou source de données | Configuration au format de chart.js |
Légende
| Paramètre | Utilisation |
|---|---|
| Ajouter une légende | Ajout de libellés correspondant aux données. |
| Supprimer une légende | Permet de supprimer un libellé. |
Séries
| Paramètre | Utilisation |
|---|---|
| Nom de la série | Nom attribué à l'ensemble des données de la série. |
| Données | Source de données de la série |
| Couleur de bordure | Exprimée en hexadécimal ou RGB |
| Couleur de l’arrière-plan | Exprimée en hexadécimal ou RGB |
Options
| Paramètre | Utilisation |
|---|---|
| Type de graphique | Type de graphique |
| Responsive | Adapte automatiquement le graphique à la taille du conteneur. |
| Afficher l’axe des X | Permet d’afficher l’axe horizontal. |
| Afficher l’axe des Y | Permet d’afficher l’axe vertical. |
| Commencer l’axe des Y à 0 | Active ou non le point de départ à 0 sur l’axe des Y. |
| Afficher le titre | Affiche le titre du graphique. |
| Titre | Zone de saisie du texte du titre. |
| Afficher la légende | Affiche ou non la légende sur le graphique. |
| Position de la légende | Position de la légende. |
Actions au clic
| Paramètre | Utilisation |
|---|---|
| Ajouter une action | Permet d’ajouter un comportement lors du clic sur le graphique. |
Dans le Widget Graph, il faut appeler le workflow en transmettant le paramètre
Nom du Graphe (Donnée sélectionnée)
Puis dans le workflow appelé, il faut ajouter une source de données de type
Chart Event, et dans le workflow il est possible d'accéder au label et à la valeur de la zone cliquée
