snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)
Some checks failed
App Prod-Parity E2E Dispatch / dispatch (push) Failing after 10s
CD Storybook UI / build (push) Failing after 3m25s
CD Storybook UI / dispatch (push) Has been skipped
CD deploy main / website-changed-files (push) Successful in 18m8s
CI Agent Skills / changed-files-check (push) Successful in 18m9s
CI Create App E2E minimal / changed-files-check (push) Successful in 24s
CI Create App / changed-files-check (push) Successful in 26s
CI Docs / changed-files-check (push) Successful in 26s
CI Emails / changed-files-check (push) Successful in 28s
CI Example App Hello World / changed-files-check (push) Successful in 23s
CI Front / changed-files-check (push) Has been skipped
CI Example App Postcard / changed-files-check (push) Successful in 27s
CI UI / changed-files-check (push) Has been skipped
CI Utils Test / changed-files-check (push) Successful in 45s
CI Twenty Apps / discover (push) Successful in 1m3s
CD deploy main / deploy-main (push) Failing after 3s
CI Agent Skills / agent-skills-validate (push) Has been skipped
CI Create App / create-app-test (lint) (push) Has been skipped
CI Emails / emails-test (push) Has been skipped
CI Front / front-task (lingui:compile) (push) Has been skipped
CI Front / front-task (lint) (push) Has been skipped
CI Example App Postcard / example-app-postcard (push) Has been skipped
CI UI / ui-task (lint) (push) Has been skipped
CI UI / ui-task (pack-size) (push) Has been skipped
CI UI / ui-task (size) (push) Has been skipped
CI UI / ui-task (test) (push) Has been skipped
CI UI / ui-task (typecheck) (push) Has been skipped
CI Utils Test / utils-test (push) Has been skipped
CI Twenty Apps / ${{ matrix.app.name }} (push) Has been skipped
CI Emails / ci-emails-status-check (push) Successful in 2s
CI Example App Hello World / ci-example-app-hello-world-status-check (push) Successful in 2s
CI Example App Postcard / ci-example-app-postcard-status-check (push) Successful in 3s
CI UI / ui-sb-test (push) Has been skipped
CI Utils Test / ci-utils-test-status-check (push) Successful in 2s
CI Twenty Apps / ci-twenty-apps-status-check (push) Successful in 2s
CI UI / ci-ui-status-check (push) Successful in 2s
CI Desktop / desktop (push) Failing after 1m8s
Push docs to Crowdin / Push documentation to Crowdin (push) Failing after 55s
Push translations to Crowdin / Extract and upload translations (push) Failing after 5s
Push website translations to Crowdin / Extract and upload website translations (push) Failing after 5s
CI Create App / create-app-test (test) (push) Has been skipped
CI Create App / create-app-test (typecheck) (push) Has been skipped
CI Docs / docs-lint (push) Has been skipped
CI Example App Hello World / example-app-hello-world (push) Has been skipped
CI Front / front-task (lingui:extract) (push) Has been skipped
CI Front / front-task (test) (push) Has been skipped
CI Front / front-task (typecheck) (push) Has been skipped
CI UI / ui-sb-build (push) Failing after 1m32s
CI Twenty Apps / ${{ matrix.app.name }} (${{ matrix.server-source }}) (push) Has been skipped
CI Agent Skills / agent-skills-publish (push) Has been skipped
CI Create App / ci-create-app-status-check (push) Successful in 2s
CI Agent Skills / agent-skills-remote-source (push) Has been skipped
CI Create App E2E minimal / create-app-e2e-minimal (push) Has been cancelled
CI E2E Main / e2e-test (push) Has been cancelled
CI Front / front-sb-build (push) Has been cancelled
CI Front / front-build (push) Has been cancelled
CI Create App E2E minimal / ci-create-app-e2e-minimal-status-check (push) Has been cancelled
CI E2E Main / ci-e2e-main-status-check (push) Has been cancelled
CI E2E Main / notify-main-ci-failure (push) Has been cancelled
CI E2E Main / qa-scout-comment (push) Has been cancelled
CI Front / front-sb-test (push) Has been cancelled
CI Front / front-sb-screenshots (push) Has been cancelled
CI Front / ci-front-status-check (push) Has been cancelled
DPA Sub-Processor Sync / sync-subprocessors (push) Failing after 3s
AI Catalog Sync / sync-catalog (push) Failing after 2s

This commit is contained in:
upstream-mirror
2026-09-17 23:28:13 +05:00
commit e7da97194a
32688 changed files with 4208681 additions and 0 deletions

View File

@@ -0,0 +1,275 @@
---
title: Paramètres du graphique
description: Configurez vos graphiques pour afficher les données exactement selon vos besoins.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Accéder aux paramètres du graphique
1. Cliquez sur le bouton **Edit** situé dans l'angle supérieur droit de votre tableau de bord
<img src="/images/user-guide/dashboard/dashboard-edit.png" alt="Mode édition" />
2. Le tableau de bord passe en mode édition
3. Cliquez sur n'importe quel widget pour le sélectionner
4. Le panneau des paramètres s'ouvre à droite
Les paramètres sont organisés en sections :
* **Données** : Quelles données récupérer et comment les filtrer
* **Axe X** : Comment regrouper et trier les catégories (graphiques à barres/lignes)
* **Axe Y** : Que mesurer et comment l'afficher (graphiques à barres/lignes)
* **Style** : Couleurs, libellés et options visuelles
<Note>
Certains paramètres n'apparaissent que lorsque d'autres paramètres sont configurés. Par exemple, **Granularité de date** n'apparaît que lorsque vous sélectionnez un champ de date.
</Note>
---
## Paramètres des données
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="database" />Source </span>
Choisissez à partir de quel objet récupérer les données.
1. Cliquez sur **Source**
2. Sélectionnez un objet (Opportunités, Personnes, Entreprises, etc.)
Tous vos objets standard et personnalisés sont disponibles. Modifier la source réinitialise d'autres paramètres, car les options de champ dépendent de l'objet sélectionné.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-source.png" alt="Source" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filter" />Filtre </span>
Limitez les enregistrements inclus dans le graphique.
1. Cliquez sur **Filtre**
2. Le générateur de filtres s'ouvre
3. Cliquez sur **+ Add filter**
4. Sélectionnez un champ, une condition et une valeur
5. Ajoutez d'autres filtres selon vos besoins
Les filtres fonctionnent de la même manière que dans les vues en tableau. Utilisez-les pour vous concentrer sur des segments spécifiques de vos données.
**Exemple** : Filtrez les opportunités où Stage est égal à "Won" pour n'afficher que les affaires clôturées.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-filters.png" alt="Filtre" />
<Tip>
Pour les champs de date, essayez **Is relative** pour créer des filtres dynamiques comme "Past 7 days" ou "This month" qui se mettent à jour automatiquement.
</Tip>
<Tip>
Les filtres avancés sont pris en charge — ajoutez plusieurs règles de filtre et combinez-les avec la logique **And** ou **Or**.
</Tip>
---
## Paramètres de l'axe X
Ces paramètres contrôlent l'axe horizontal des graphiques à barres et à lignes — généralement la manière dont vos données sont regroupées en catégories.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-x" />Données affichées </span>
Sélectionnez le champ par lequel regrouper vos données. Cela détermine les catégories affichées sur l'axe X.
**Exemple** : Sélectionnez "Stage" pour voir les données regroupées par étape du pipeline, ou "Created date" pour voir les données dans le temps.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-data-on-display.png" alt="Données affichées" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularité de date </span>
Lors d'un regroupement par un champ de date, choisissez la période de regroupement.
| Option | Regroupe les données par | Exemple de résultat |
| ------------------------ | --------------------------- | ------------------------------------------------------- |
| **Jour** | Chaque jour du calendrier | 1 janv., 2 janv., 3 janv.... |
| **Semaine** | Semaines calendaires | Semaine 1, Semaine 2, Semaine 3... |
| **Mois** | Mois calendaires | janvier, février, mars... |
| **Trimestre** | Trimestres fiscaux | Q1, Q2, Q3, Q4 |
| **Année** | Années civiles | 2023, 2024, 2025 |
| **Jour de la semaine** | Jour de la semaine (agrégé) | lundi, mardi... (tous les lundis combinés) |
| **Mois de l'année** | Mois (agrégé) | janvier, février... (tous les mois de janvier combinés) |
| **Trimestre de l'année** | Trimestre (agrégé) | Q1, Q2, Q3, Q4 (tous les Q1 combinés) |
Les options "de la semaine/de l'année" agrègent sur l'ensemble des périodes. Utilisez **Jour de la semaine** pour voir quel jour reçoit généralement le plus d'affaires. Utilisez **Mois** pour voir les tendances mois par mois.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Trier par </span>
Contrôlez l'ordre des catégories sur l'axe X.
* **Position** – Utilise l'ordre défini dans les paramètres de votre champ Select
* **Alphabétique** – A à Z (ou chronologique pour les dates)
* **Par valeur** – Ordonné selon la métrique (du plus élevé au plus faible ou l'inverse)
* **Manuel** – Faites glisser pour définir votre propre ordre
<img src="/images/user-guide/dashboard/dashboard-chart-settings-x-sort.png" alt="Trier par" />
**Astuce** : Pour les étapes du pipeline, utilisez **Position** pour afficher les étapes dans l'ordre de votre processus commercial (Lead → Qualified → Proposal → Won).
<Note>
Les options affichées dépendent du type de votre champ. Les champs Select disposent de toutes les options ; les champs de date et de texte en affichent moins.
</Note>
<Tip>
Avec le tri **Manuel**, faites glisser les catégories pour créer un ordre personnalisé — idéal pour mettre en avant des segments spécifiques ou raconter une histoire avec vos données.
</Tip>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="eye-off" />Omettre les valeurs nulles </span>
Masquez les catégories qui ont une valeur nulle ou aucune donnée.
* **Activé** : Les catégories sans enregistrements sont masquées
* **Désactivé** : Toutes les catégories sont affichées, même si elles sont vides
Utilisez ceci pour épurer les graphiques avec des données clairsemées.
---
## Paramètres de l'axe Y
Ces paramètres déterminent ce que vous mesurez et comment c'est affiché.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="axis-y" />Données affichées </span>
Sélectionnez le champ et l'opération pour calculer votre métrique.
* **Comptages** – Compter tout, Compter les vides, Compter les non vides, Compter les valeurs uniques
* **Math** – Somme, Moyenne, Min, Max (champs numériques)
* **Pourcentages** – Pourcentage vide, Pourcentage non vide
Les champs booléens ajoutent Compter true/false. Les graphiques agrégés avec des champs de date affichent Earliest/Latest.
**Exemple** : Sélectionnez "Amount" avec Sum pour voir la valeur totale des affaires par catégorie, ou Count all pour voir le nombre d'affaires.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-data-on-display.png" alt="Données affichées" />
<Note>
Les options affichées dépendent de votre champ et du type de graphique. Si vous ne voyez pas une opération attendue, vérifiez le type de votre champ.
</Note>
### Ratio
Pour les champs Select, Multi-select ou booléens, vous pouvez calculer le pourcentage d'une valeur spécifique.
1. Sélectionnez un champ Select, Multi-select ou booléen
2. Activez **Ratio**
3. Choisissez l'option à mesurer
**Exemple** : Affichez les affaires "Won" en pourcentage de toutes les opportunités. Si vous avez 10 Won sur 50 au total, le graphique affiche 20 %.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="filters" />Regrouper par </span>
Ajoutez une deuxième dimension pour créer plusieurs séries (plusieurs barres ou lignes).
1. Définissez d'abord le champ de l'axe X
2. Cliquez sur **Regrouper par**
3. Sélectionnez un deuxième champ
**Exemple** : Regroupez les affaires par Stage (axe X) ET par Owner (Regrouper par) pour voir, côte à côte, la répartition du pipeline de chaque personne.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-group-by.png" alt="Grouper par" />
Lorsque Regrouper par est activé, vous verrez plusieurs couleurs dans votre graphique et une légende apparaît.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="calendar" />Granularité de date </span>
Lorsque Regrouper par est un champ de date, choisissez la période (mêmes options que pour l'axe X).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="arrows-sort" />Trier par </span>
Lorsque **Regrouper par** est défini, contrôlez l'ordre des séries regroupées (p. ex., quelle barre du propriétaire apparaît en premier dans chaque catégorie).
Mêmes options que le tri de l'axe X — Position, Alphabétique et Manuel — sauf que **le tri basé sur la valeur n'est pas disponible** pour le regroupement secondaire.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="chart-bar-popular" />Cumulatif </span>
Affichez des totaux cumulés au lieu de valeurs individuelles.
* **Désactivé** : Chaque barre/point affiche sa propre valeur
* **Activé** : Chaque barre/point affiche la somme de toutes les valeurs précédentes plus la sienne
**Exemple** : janvier = 10, février = 15
* Cumulatif désactivé : Affiche 10 et 15
* Cumulatif activé : Affiche 10 et 25 (10 + 15)
Utilisez le cumulatif pour suivre la progression vers un objectif dans le temps.
<img src="/images/user-guide/dashboard/dashboard-chart-settings-y-cumulative.png" alt="Cumulé" />
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="math-min" />Plage minimale / <ChartIcon icon="math-max" />Plage maximale </span>
Définissez des valeurs minimales et maximales fixes pour l'axe Y.
* Laissez vide pour un ajustement automatique
* Saisissez un nombre pour fixer la limite
**Quand l'utiliser :**
* Définissez Min à 0 pour des comparaisons visuelles précises
* Définissez les deux pour des échelles cohérentes entre plusieurs graphiques
* Concentrez-vous sur une plage de valeurs spécifique en définissant les deux
---
## Paramètres de style
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="color-swatch" />Couleurs </span>
Définissez le jeu de couleurs de votre graphique. Choisissez parmi une variété de palettes de couleurs.
<Note>
Lors d'un regroupement par un champ Select, le graphique utilise automatiquement les couleurs définies pour chaque option dans les paramètres de votre champ.
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="gizmo" />Nom de l'axe </span>
Choisissez quels libellés d'axe afficher : **Aucun**, **Axe X**, **Axe Y** ou **Les deux** (graphiques à barres et à lignes uniquement).
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="stack-2" />Barres empilées / Lignes empilées </span>
Lorsque Regrouper par est défini, choisissez comment plusieurs séries sont affichées.
* **Désactivé (Groupé)** : Les séries apparaissent côte à côte. À utiliser pour comparer des valeurs exactes entre des groupes.
* **Activé (Empilé)** : Les séries s'empilent les unes sur les autres. À utiliser pour montrer la composition — comment les parties constituent un tout.
**Exemple** : Affaires par étape, regroupées par propriétaire
* Groupé : Voir côte à côte les chiffres exacts de chaque propriétaire
* Empilé : Voir le total des affaires par étape, avec la contribution de chaque propriétaire empilée
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="badge-2k" />Libellés de données </span>
Affichez les valeurs directement sur les éléments du graphique (barres, points, secteurs).
* **Activé** : Les valeurs apparaissent sur le graphique
* **Désactivé** : Aucune valeur affichée (apparence plus sobre)
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}> <ChartIcon icon="text-caption" />Légende </span>
Afficher ou masquer la légende (apparaît uniquement lorsque Regrouper par est défini).
* **Activé** : La légende indique ce que représente chaque couleur
* **Désactivé** : Aucune légende affichée
<Tip>
**Survolez** un élément de la légende pour mettre ce groupe en évidence. **Cliquez** pour le masquer temporairement du graphique.
</Tip>
---
## Notes spécifiques au graphique
### Diagrammes en secteurs
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="chart-pie" size={16} /></span> **Chaque secteur représente** – Définissez la façon dont les secteurs sont regroupés
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="eye-off" size={16} /></span> **Masquer la catégorie vide** – Supprimer les secteurs à valeur zéro
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="number-123" size={16} /></span> **Afficher la valeur au centre** – Afficher la valeur agrégée (somme, moyenne, comptage, etc.)
### Graphiques agrégés
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-left" size={16} /></span> **Préfixe** – Ajoutez du texte avant le nombre (p. ex., `$`)
* <span style={{ display: 'inline-flex', verticalAlign: 'middle' }}><ChartIcon icon="caret-right" size={16} /></span> **Suffixe** – Ajoutez du texte après le nombre (p. ex., `%`)

View File

@@ -0,0 +1,92 @@
---
title: Tableaux de bord
description: Créez et organisez des tableaux de bord avec des onglets pour visualiser vos données CRM.
---
## Vue d'ensemble
Dans Twenty, les tableaux de bord sont organisés selon une hiérarchie: **Tableaux de bord → Onglets → Widgets**. Chaque tableau de bord peut contenir plusieurs onglets, et chaque onglet contient des widgets (graphiques, nombres, iFrames).
## Création d'un tableau de bord
1. Accédez à **Tableaux de bord** dans la navigation
2. Cliquez sur **+ New Record**
<img src="/images/user-guide/dashboard/dashboard-create-new.png" alt="Créer un nouveau tableau de bord" />
3. Donnez un nom à votre tableau de bord
4. Commencez à ajouter des onglets et des widgets
## Utiliser les onglets
Les onglets vous aident à organiser votre tableau de bord en sections logiques.
### Création d'onglets
1. En mode édition, cliquez sur **+** dans la barre d'onglets et un panneau latéral s'ouvrira sur la droite
2. Nommez votre onglet (p. ex., "Aperçu du pipeline", "Performance de l'équipe")
3. Ajoutez des widgets à l'onglet
### Réorganisation des onglets
1. En mode édition, cliquez et maintenez enfoncé sur l'onglet que vous souhaitez déplacer
2. Glissez-déposez jusqu'à la nouvelle position
3. Vous pouvez également cliquer sur l'onglet et utiliser le menu de commande pour déplacer l'onglet vers la gauche ou la droite
### Suppression des onglets
1. En mode édition, cliquez sur l'onglet que vous souhaitez supprimer
2. Cliquez sur le bouton **Supprimer** dans le menu des commandes
### Duplication d'onglets
1. Cliquez sur l'onglet que vous souhaitez dupliquer
2. Cliquez sur le bouton **Duplicate** dans le panneau latéral
<img src="/images/user-guide/dashboard/dashboard-tabs.png" alt="Onglet du tableau de bord" />
## Disposition du tableau de bord
### Agencement des widgets
* Glissez-déposez pour positionner
* Redimensionnez pour mettre en valeur
* Regroupez les graphiques associés
### Duplication d'un tableau de bord
1. Sélectionnez le tableau de bord que vous souhaitez dupliquer
2. Ouvrez la barre de commande avec **Cmd + K** (ou **Ctrl + K** sous Windows)
3. Sélectionnez **Duplicate dashboard**
<img src="/images/user-guide/dashboard/dashboard-duplicate.png" alt="Dupliquer un tableau de bord" />
### Meilleures pratiques
* **Enchaînement logique**: Organisez du général au détail
* **Hiérarchie visuelle**: Des graphiques plus grands pour les indicateurs clés
* **Style cohérent**: Utilisez des couleurs et des polices assorties
## Visibilité et accès
### Visibilité du tableau de bord
Les tableaux de bord sont visibles par toute personne ayant accès à votre espace de travail Twenty. Il n'existe pas d'option de tableau de bord privé pour le moment.
### Favoris
Vous pouvez ajouter des tableaux de bord à vos favoris pour un accès rapide. Il s'agit d'un paramètre personnel—vos favoris ne sont pas visibles par les autres utilisateurs.
Pour ajouter un tableau de bord aux favoris, ouvrez le tableau de bord et cliquez sur l'icône d'étoile.
### Comportement du fuseau horaire
Les tableaux de bord affichent actuellement les données en fonction du fuseau horaire de l'utilisateur qui les consulte. Cela signifie qu'un même tableau de bord peut afficher des indicateurs différents pour des membres de l'équipe situés dans des régions différentes (p. ex., APAC vs US).
<Note>
**Bientôt disponible**: Nous ajouterons la possibilité de définir un fuseau horaire spécifique pour un tableau de bord, afin que tous les utilisateurs voient des données cohérentes, quel que soit leur emplacement.
</Note>
<Note>
**Bientôt disponible**: Des filtres au niveau du tableau de bord vous permettront d'appliquer des filtres à tous les widgets en une seule fois, ce qui accélérera l'exploration de vos données.
</Note>

View File

@@ -0,0 +1,169 @@
---
title: Widgets
description: Explorez les types de widgets et les options de visualisation dans Twenty.
---
import { ChartIcon } from '/snippets/chart-icon.mdx';
## Widgets disponibles
Twenty propose différents types de widgets pour visualiser vos données CRM.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-bar-popular" />Diagrammes en barres</span>
Affichez les données sous forme de barres horizontales ou verticales.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-bar-chart.png" alt="Diagramme en barres" />
</Frame>
**Idéal pour :**
* Comparer des valeurs entre catégories
* Afficher des classements
* Suivre des indicateurs par période
**Exemples d'utilisation :**
* Opportunités par étape
* Revenus par commercial
* Contacts ajoutés par mois
<Note>
**Limites d'affichage** : Les diagrammes en barres peuvent afficher au maximum 100 barres, et 50 groupes par barre lors de l'utilisation de Group By. Si vous voyez l'avertissement "Données non affichées : X barres max par graphique", ajoutez des filtres pour restreindre vos données ou modifiez le regroupement (par ex., regroupez par semaine plutôt que par jours).
</Note>
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-pie" />Diagrammes en secteurs</span>
Affichez les proportions d'un ensemble.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-pie-chart.png" alt="Diagramme en secteurs" />
</Frame>
**Idéal pour :**
* Afficher la composition ou la répartition
* Comparer les parties au tout
* Mettre en évidence les principaux segments
**Exemples d'utilisation :**
* Répartition des opportunités par source
* Répartition des contacts par secteur
* Composition du pipeline par propriétaire
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="chart-line" />Graphiques linéaires</span>
Affichez les tendances au fil du temps.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-line-chart.png" alt="Graphique linéaire" />
</Frame>
**Idéal pour :**
* Suivre les évolutions au fil du temps
* Identifier les tendances
* Comparer plusieurs indicateurs
**Exemples d'utilisation :**
* Tendance du nombre d'opportunités par mois
* Croissance des revenus par trimestre
* Niveaux d'activité au fil du temps
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="sum" />Graphiques agrégés</span>
Affichez clairement des valeurs clés uniques.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-aggregate-chart.png" alt="Graphique agrégé" />
</Frame>
**Idéal pour :**
* Mettre en évidence des indicateurs clés de performance (KPI)
* Afficher des totaux ou des moyennes
* Vérifications rapides de l'état
**Exemples d'utilisation :**
* Valeur totale du pipeline
* Nombre d'opportunités ouvertes
* Taux de conversion
**Options avancées :**
* **Ratio** : Pour les champs de type Sélection, calculez des ratios entre les valeurs. Accédez à **Données affichées** → sélectionnez votre champ → activez l'option **Ratio**.
* **Préfixe et suffixe** : Ajoutez du texte personnalisé avant ou après le nombre (par ex., préfixe "$" ou suffixe "%") pour une meilleure lisibilité.
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="frame" />iFrames</span>
Intégrez des outils et du contenu externes directement dans votre tableau de bord.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-table.png" alt="Tableau de table" />
</Frame>
**Idéal pour :**
* Recherche d’éléments individuels
* Vérification des valeurs exactes
* Audit ou référence
**Exemples d'utilisation :**
* Opportunités qui se clôturent ce mois-ci
* Nouveaux leads cette semaine
* Factures en retard
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="table" />Table</span>
Voir les enregistrements filtrés directement dans votre tableau de bord.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-iframe.png" alt="iFrame" />
</Frame>
**Idéal pour :**
* Afficher des rapports ou tableaux de bord externes
* Intégrer des outils de vente tiers
* Afficher du contenu en direct provenant d'autres systèmes
**Exemples d'utilisation :**
* Indicateurs de votre outil d'assistance
* Indicateurs de votre composeur d'appels
* Contenu en direct de votre outil de séquences de vente
### <span style={{ display: 'inline-flex', alignItems: 'center', gap: '8px' }}><ChartIcon icon="align-box-left-top" />Texte enrichi</span>
Ajoutez du texte et du contenu mis en forme directement dans votre tableau de bord.
<Frame>
<img src="/images/user-guide/dashboard/dashboard-widget-rich-text.png" alt="Texte enrichi" />
</Frame>
**Idéal pour :**
* Ajout de contexte ou d'instructions
* Descriptions du tableau de bord
* Notes et annotations
**Fonctionnalités:**
* Mise en forme de texte enrichi (gras, italique, listes, etc.)
* Importation d'images et de fichiers
* Édition de type Markdown
<Note>
**Bientôt disponible** : Les jauges ne sont pas encore disponibles, mais figurent sur notre feuille de route.
</Note>
### Duplication de widgets
1. Cliquez sur le widget
2. Ouvrez **Options**
3. Cliquez sur **Dupliquer le widget**