Création d'un graphique Heatmap

Dans ce guide, nous vous guiderons tout au long du processus de création d'un graphique Heatmap. Ce type de graphique est mieux utilisé pour représenter et comparer des données dans 2 catégories.

Commençons !

1. Accéder au tableau de bord
2. Choisissez le type de graphique
3. Ajouter un tag au graphique
4. Ajouter un titre au graphique
5. Ajouter une description au graphique
6. Configurer les options du graphique
7. Couleurs du graphique Heatmap
8. Choisissez le type d'axe X
9. Définir la requête pour la ligne
10. Définir la requête principale

1. Accédez au tableau de bord

Pour commencer à créer un graphique Heatmap, vous devez d'abord accéder au dossier de votre tableau de bord. Les dossiers des tableaux de bord sont accessible via la barre des menus (barre latérale verte) de la Web App. Si vous n'avez pas encore de tableau de bord, vous devrez en créer un en cliquant sur l'icône jaune Créer un tableau de bord. Une fois que vous êtes dans votre tableau de bord, cliquez sur le bouton plus (+) sous Ajouter un graphique

2. Choisissez le type de graphique

Une boîte de dialogue apparaîtra pour vous permettre de sélectionner le type de graphique que vous souhaitez créer. Dans le menu déroulant, sélectionnez « Heatmap chart»

3. Ajouter un tag au graphique

Ensuite, vous devrez ajouter un tag au graphique. Ce tag doit être unique et séparée par des tirets s'il comprend plus d'un mot/lettre, par exemple (s_p_d_p_a, Ventes par agent et par jour).

4. Ajouter un titre de graphique

Maintenant, ajoutez un titre pour votre graphique. Ce titre doit représenter le sujet du graphique. Par exemple, si votre graphique concerne les ventes par agent, vous pouvez choisir un titre tel que « Ventes par agent et par jour ».

5. Ajouter une description de graphique

Ajoutez une description pour votre graphique. Cela aide les autres utilisateurs à comprendre de quoi parle le graphique et ce que fait la requête. Par exemple, vous pourriez écrire « ventes quotidiennes par agent »

6. Configurer les options du graphique

Au cours de cette étape, vous allez configurer diverses options pour votre graphique :

- Forcer l'affichage du graphique en pleine largeur : activez cette option si vous souhaitez que le graphique s'étende sur toute la largeur du graphique.

7. Couleurs du graphique heatmap

Choisissez la gamme de couleurs qui déterminera les tranches de valeurs les plus basses et les plus élevées de votre graphique. Dans une couleur à 3 dégradés, (ROUGE-JAUNE-VERT) La première couleur représentant les valeurs faibles, la couleur du milieu pour les valeurs dans la moyenne et la dernière couleur montrant les valeurs les plus élevées.



- Valeur minimale de l'échelle de graduation : - Cette valeur indique la plage des valeurs faibles. Par exemple, 20, cela signifie que toutes les valeurs inférieures à 20 seront dans la couleur la plus basse.
- Valeur maximale de l'échelle de graduation: - Cette valeur indique la plage des valeurs les plus élevées. Par exemple, 100, cela signifie que toutes les valeurs inférieures à 100 seront dans la couleur la plus élevée.

8. Choisissez le type d'axe X

Sélectionnez le type d'axe X en fonction de votre ensemble de données. Si vous souhaitez afficher des valeurs par catégorie telles que les ventes par utilisateur, alors Texte sera applicable puisque vous regroupez par utilisateur.
Cependant, si vous agrégez au fil du temps, c'est-à-dire Jour ou Heure, l'axe X sera Heure .

9. Définir la requête pour la ligne

Vous devez d’abord définir ce que vous souhaitez voir dans l’axe des lignes. Veuillez noter que le champ que vous définissez dans la requête pour la ligne sera le même que celui utilisé dans la requête principale pour lier la requête pour la ligne à la requête principale. Prenez note et utilisez Label et value comme alias.

9. Définir la requête principale

Dans la requête principale, c'est ici que vous définissez les axes X et Y. N'oubliez pas de définir l'axe X en fonction du type d'axe souhaité, soit Temps, soit Texte.
Dans ce cas où le KPI correspond aux ventes par agent et par jour, l'axe X sera la date (heure) et l'axe Y sera la valeur des ventes.



Tableau final



Point à noter

Dans la requête principale, ajoutez toujours la condition qui connectera la requête de ligne à la requête principale. Dans notre cas, la condition est CONCAT(first_name, ' ', last_name) IN ($row_query_resul)

Ajoutez des filtres en conséquence pour affiner les données que vous souhaitez afficher.

Mis à jour le : 23/08/2024