> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://learn.fieldproapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Comment créer un diagramme circulaire

## Création d'un diagramme circulaire

Dans ce guide, nous allons vous aider à créer un diagramme circulaire. Ce type de graphique est utilisé de préférence pour montrer les relations proportionnelles entre différentes catégories ou composants.
Commençons !


* [1. Accéder au tableau de bord](#1-1-accéder-au-tableau-de-bord)
* [2. Choisir le type de graphique](#1-2-choisir-le-type-de-graphique)
* [3. Ajouter un tag de graphique](#1-3-ajouter-un-tag-de-graphique)
* [4. Ajouter un titre de graphique](#1-4-ajouter-un-titre-de-graphique)
* [5. Ajouter une description du graphique](#1-5-ajouter-une-description-du-graphique)
* [6. Configurer les options du graphique](#6-configurer-les-options-du-graphique)
* [7. Position des légendes](#7-Position des légendes)
* [8. Ajouter une requête](#12-ajouter-une-requête)

# 1. Accéder au tableau de bord

Pour commencer à créer un diagramme circulaire, vous devez d'abord accéder à votre dossier de tableau de bord. Si vous n'avez pas encore de tableau de bord, vous devez 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 (+) dans la section **Ajouter un graphique**

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-08-14-1404_ty4fkw.png)

# 2. Choisir le type de graphique

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

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/image_x6jr86.png)

# 3. Ajouter un tag de graphique

Ensuite, vous devez ajouter un tag au graphique. Ce tag doit être unique et séparé par des traits de soulignement s'il comprend plus d'un mot/lettre, par exemple (c_p_o_t, Points de vente par canal). 


![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-09-24-1210_1ros7q5.png)

# 4. Ajouter un titre de graphique

Ajoutez maintenant un titre à votre graphique. Ce titre doit représenter le sujet du graphique. Par exemple, si votre graphique concerne les ventes par canal, vous pouvez choisir un titre comme « Ventes totales par jour ».

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-09-24-1210_1ros7q5.png)

# 5. Ajouter une description du graphique

Ajoutez une description pour votre graphique. Cela permet aux autres utilisateurs de comprendre ce que le graphique représente et ce que la requête fait. Par exemple, vous pouvez écrire « ventes quotidiennes  »

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-09-24-1210_1ros7q5.png)

# 6. Configuration des options du graphique

Dans cette étape, vous allez configurer diverses options pour votre graphique :

- **Pourcentage** : Activez cette option si vous souhaitez afficher les valeurs en pourcentage.
- **Forcer l'affichage du graphique en pleine largeur** : Activez cette option si vous souhaitez que le graphique s'étende sur toute sa largeur.

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/image_18h3kpp.png)

# 7. Position des légendes

Choisissez la position de la légende. La légende permet de contextualiser et de clarifier les informations présentées. 

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-09-24-1211_1ufsnpi.png)

# 8. Ajouter une requête

Ajoutez une requête qui récupérera les données de votre graphique. Cette requête doit retourner des valeurs appelées **Label** pour les composants à afficher et **Value** pour le champ à partager entre les composants.

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-08-14-1448_t45uo5.png)

Assurez-vous que votre requête est structurée correctement et qu'elle renvoie les résultats escomptés.

![](https://storage.crisp.chat/users/helpdesk/website/eccae9ddfa738000/capture-decran-2024-08-14-1452_1aw9s8q.png)

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