Les graphiques en aires affichent l'évolution des données dans le temps ainsi que la part relative de chaque série. Vous pouvez ajouter des champs de données et configurer le style du graphique afin de répondre à vos besoins d'analyse.
Prérequis
Vous devez disposer d'un tableau de bord. Pour plus d'informations, consultez la rubrique Créer un tableau de bord.
Vue d'ensemble
Cas d'utilisation
Les graphiques en aires vous aident à identifier des tendances telles que les hausses, les baisses, les cycles ou la croissance exponentielle de vos données au fil du temps.
Fonctionnalités clés
Calcul : calculs en un clic de l'évolution annuelle (YoY) et mensuelle (MoM), cumuls, lignes auxiliaires, lignes de tendance, prévisions de tendance, détection d'anomalies et analyse des fluctuations.
Visualisation : plusieurs styles de graphiques disponibles, notamment les graphiques en aires, les graphiques en aires empilées et les graphiques en aires empilées à 100 %, avec des éléments d'affichage tels que les étiquettes, une légende et un axe de vue d'ensemble.
Comparaison des données et annotations : comparaison entre périodes et étiquettes de valeurs.
Exemple
Limites
Un graphique en aires comprend un value axis, un category axis et une color legend :
L'axe des catégories nécessite au moins une dimension, telle que la date, la province ou le type de produit.
L'axe des valeurs nécessite au moins une mesure, telle que le nombre de commandes.
-
Vous ne pouvez ajouter qu'une seule dimension à la légende des couleurs, par exemple la méthode d'expédition.
RemarqueSi vous ajoutez plusieurs mesures à l'axe des valeurs et une dimension personnalisée à la légende des couleurs, vous devez activer le filtre de métriques intégré au graphique pour sélectionner la métrique à afficher.
Vous ne pouvez ajouter qu'une seule dimension au champ de division, par exemple le type de produit.
Configuration des données du graphique
-
Dans l'onglet Data, sélectionnez les champs de dimension et de mesure requis :
Dans la liste dimension, double-cliquez sur province ou faites-le glisser vers la zone category axis.
Dans la liste dimension, double-cliquez sur product_type ou faites-le glisser vers la zone color legend.
Dans la liste measure, double-cliquez sur order_amount ou faites-le glisser vers la zone value axis.
-
Cliquez sur update.
-
(Facultatif) Ajoutez un champ de dimension supplémentaire à la zone split pour activer le mode facette. Cette option permet de visualiser plus intuitivement les tendances des données selon les différentes valeurs de dimension.
Remarque-
Vous ne pouvez ajouter qu'un seul champ de dimension de division. Le mode facette présente les limites suivantes :
Champs : pour le champ de dimension de division, la fonctionnalité de calcul avancé prend uniquement en charge TopN et Aucun.
Style : l'axe Y double n'est pas pris en charge ; l'axe miniature n'est pas pris en charge pour l'affichage auxiliaire.
Avancé : seule l'interaction de filtrage est prise en charge. Les paramètres avancés, les alertes d'analyse, les étiquettes et Smart Insight ne sont pas pris en charge.
L'utilisation d'un grand nombre de facettes peut ralentir la page. Pour des performances optimales, nous vous recommandons de ne pas dépasser 500 facettes.
-
Styles des graphiques
Configurez les styles des graphiques comme décrit ci-dessous. Pour les paramètres de style généraux, consultez la rubrique Configurer la zone de titre du graphique.
Saisissez un mot-clé dans la zone de recherche en haut du panneau de configuration pour trouver rapidement un paramètre. Cliquez sur l'icône 
à droite pour développer ou réduire toutes les catégories.
Zone du graphique
Dans la section Zone du graphique, configurez le style du graphique.
**Paramètre**
|
**Description**
| | --- | --- | |
**Jeu de couleurs**
|
Jeu de couleurs pour le remplissage de la zone. Vous pouvez utiliser un jeu de couleurs système ou en définir un personnalisé.
| |
**Commutateur de type de graphique**
|
Type de graphique. Les types pris en charge incluent **graphique en courbes, graphique en aires, graphique en aires empilées et graphique en aires empilées à 100 %**.
| |
**Type de ligne**
|
Type de ligne. Les types pris en charge sont **Courbe** et **Droite**.
| |
**Style de ligne**
|
Motif et épaisseur des lignes du graphique.
| |
**Gestion des valeurs nulles**
|
Mode de gestion des valeurs nulles. Les options disponibles sont les suivantes : **Ignorer, Définir sur 0 et connecter** et **Interrompre la ligne**.
| |
**Activer l'effet de dégradé**
|
Lorsque cette option est activée, le remplissage de la zone affiche un dégradé.
| |
**Empilé** et **Empilé à 100 %**
|
Permet de basculer entre les modes graphique en aires, graphique en aires empilées et graphique en aires empilées à 100 %.
| |
**Sélection par défaut sur mobile**
|
Si cette option est activée, vous pouvez définir l'**Élément sélectionné par défaut** sur **Dernière valeur de dimension globale** ou **Dernière valeur de dimension pour une série spécifiée**.
|
Facette
En mode facette, utilisez la section Facette pour configurer la disposition et les styles.
Le mode facette est actif uniquement lorsqu'un champ est configuré dans Split/Dimension.
|
Paramètre |
Description |
|
|
Style de disposition |
Définit la disposition du graphique. Les modes suivants sont pris en charge : Comparaison sur une seule colonne et Disposition en grille. |
|
|
Axe partagé |
Détermine si les graphiques partagent un axe.
|
|
|
Afficher la ligne de séparation |
Affiche ou masque une ligne de séparation entre les graphiques. Si cette option est activée, vous pouvez configurer la couleur et le style de la ligne de séparation. |
|
|
Nombre de colonnes |
Lorsque le Style de disposition est défini sur Disposition en grille, vous pouvez définir le nombre de colonnes pour la disposition du graphique. Par défaut, ce paramètre est défini sur Automatique. Vous pouvez également personnaliser le nombre de colonnes. Remarque
|
|
|
Taille minimale du bloc de facette |
Définit la largeur et la hauteur minimales pour chaque bloc de graphique. Les options disponibles varient selon le style de disposition.
|
|
|
Espacement des lignes et des colonnes |
Définit l'espacement entre les lignes et les colonnes des graphiques. Les options disponibles varient selon le style de disposition.
|
|
|
Étiquette de fractionnement |
Position |
Définit la position d'affichage de l'étiquette de valeur de dimension. Vous pouvez la placer Au-dessus du graphique ou Sous le graphique. |
|
Texte |
Définit la couleur et le style de police de l'étiquette de valeur de dimension. |
|
|
Alignement |
Définit l'alignement de l'étiquette de valeur de dimension. |
|
en haut de la page.
Axes
Dans la section Axes, configurez les styles des axes. Par défaut, les axes sont affichés.
Sélectionnez Afficher l'axe Y double pour ajouter un second axe. Cette option prend effet uniquement lorsque deux mesures ou plus sont ajoutées. Lorsqu'elle est activée, une section Right Y-axis apparaît dans la section Axes.
|
Nom |
Paramètre |
Description |
|
Axe X |
Afficher l'axe X |
Indique s'il faut afficher l'axe X. |
|
Show title and unit |
Indique s'il faut afficher le axis title et l'unit sur l'axe X. |
|
|
Show axis label |
Indique s'il faut afficher les étiquettes sur l'axe X et configure les règles d'affichage des étiquettes d'axe et le style du texte. |
|
|
Contenu à afficher |
Définit s'il faut afficher certaines ou toutes les valeurs de dimension.
|
|
|
Afficher les graduations |
Indique s'il faut afficher les graduations sur l'axe X. |
|
|
Show axis line |
Indique s'il faut afficher la ligne de l'axe X, y compris son type, sa largeur et sa couleur. |
|
|
Show axis label |
Indique s'il faut afficher les étiquettes sur l'axe X. |
|
|
Show gridlines |
Indique s'il faut afficher les quadrillages sur l'axe X, y compris leur type, leur largeur et leur couleur. |
|
|
Axe Y gauche |
Inverser l'échelle de l'axe Y |
Inverse l'échelle de l'axe Y.
|
|
Afficher l'axe Y gauche |
Indique s'il faut afficher l'axe Y gauche. |
|
|
Show title and unit |
Indique s'il faut afficher le axis title et l'unit. |
|
|
Show axis label |
Indique s'il faut afficher les étiquettes sur l'axe Y. Si cette option est activée, vous pouvez configurer le format d'affichage des étiquettes d'axe et le style du texte. Le format d'affichage des étiquettes d'axe peut être défini sur Automatique ou Personnalisé.
|
|
|
Afficher les graduations |
Indique s'il faut afficher les graduations sur l'axe Y gauche. |
|
|
Show axis line |
Indique s'il faut afficher la ligne de l'axe Y gauche, y compris son type, sa largeur et sa couleur. |
|
|
Show gridlines |
Indique s'il faut afficher les quadrillages sur l'axe Y gauche, y compris leur type, leur largeur et leur couleur. |
|
|
Plage et intervalle de l'axe |
|
pour configurer le format des données dans la boîte de dialogue Paramètres du format d'affichage des données selon vos besoins. Pour plus d'informations sur les paramètres de la boîte de dialogue, consultez la section 
Vous devez configurer l'Right Y-axis uniquement si vous sélectionnez l'option Show Dual Y-axis. Les paramètres sont identiques à ceux de l'Left Y-axis.
Légende
Dans la section Légende, cliquez sur l'icône 
pour activer la légende du graphique et configurer son style.
-
Configuration PC
Paramètre
Description
Style
Définit le style des icônes de la légende. Les styles suivants sont pris en charge : Automatique, Ligne uniquement et Ligne et marqueur.
Remarque-
Lorsque vous sélectionnez Ligne et marqueur, la légende utilise le style de marqueur configuré dans le graphique. Si aucun style de marqueur n'est configuré, un cercle plein s'affiche par défaut.
-
Lorsque vous sélectionnez Ajuster l'échelle du symbole de légende au texte dans Conception du thème > Style général du contenu, la taille et l'épaisseur des icônes et des lignes de la légende sont ajustées proportionnellement en fonction de l'épaisseur des lignes du graphique et de la taille du texte de la légende.
Position
Définit la position d'affichage et l'alignement de la légende sur un ordinateur.
-
Lorsque la position est définie sur Haut ou Bas, vous pouvez sélectionner l'alignement Gauche, Centre ou Droite.
-
Lorsque la position est définie sur Gauche ou Droite, vous pouvez sélectionner l'alignement Haut, Centre ou Bas. Vous pouvez également définir la distance entre la légende et le graphique.
Texte
Définit le style du texte de la légende sur un ordinateur. Vous pouvez configurer la couleur de la police, sa taille, sa graisse et déterminer si le texte doit être italique.
-
Configuration mobile
|
Paramètre |
Description |
|
|
Style |
Définit le style des icônes de la légende sur un appareil mobile. Les styles suivants sont pris en charge : Automatique, Ligne uniquement et Ligne et marqueur. |
|
|
Position |
Définit la position d'affichage et l'alignement de la légende sur un appareil mobile.
Remarque
Lorsque la position est définie sur Haut, vous pouvez activer les étiquettes sous la légende. |
|
|
Texte |
Définit le style du texte pour les noms de mesure dans la légende sur un appareil mobile. Vous pouvez configurer la couleur de la police, sa taille, sa graisse et déterminer si le texte doit être italique. |
|
|
Afficher le contenu des étiquettes Lorsque Position est défini sur Haut, cliquez sur l'icône |
Contenu |
Définit le contenu des données à afficher dans les étiquettes sous la légende. Les options prises en charge sont Pourcentage et Total.
|
|
Style |
Définit le style de mise en page des étiquettes sous la légende. Les options suivantes sont disponibles :
|
|
|
Affichage pour les éléments non sélectionnés |
Lorsque Style est défini sur Largeur égale sur plusieurs lignes ou Sur une seule ligne, vous pouvez configurer l'affichage des éléments de légende non sélectionnés. Les options prises en charge sont « - » et Vide. |
|
|
Position du pourcentage |
Lorsque Pourcentage est sélectionné dans Contenu et que Style est défini sur Largeur égale sur plusieurs lignes ou Sur une seule ligne, vous pouvez spécifier la position d'affichage des données en pourcentage. Vous pouvez les placer En dessous ou à Droite de l'étiquette de valeur. |
|
|
Style du texte |
Lorsque Style est défini sur Largeur égale sur plusieurs lignes ou Sur une seule ligne, vous pouvez configurer le style du texte pour la valeur. Si vous choisissez d'afficher les données en pourcentage, vous pouvez définir un format de texte distinct pour le pourcentage afin de le distinguer visuellement de l'étiquette de valeur. |
|
|
Afficher le texte complet |
Lorsque Style est défini sur Largeur égale sur plusieurs lignes, les noms de mesure longs peuvent être tronqués. Si vous devez toujours afficher le nom complet de la mesure, sélectionnez Afficher le texte complet. |
|
|
Afficher les champs d'info-bulle |
Si cette option est sélectionnée, les champs que vous configurez dans le champ Info-bulle/Mesure du panneau de données s'affichent dans la zone de légende. Remarque
L'affichage des champs d'info-bulle n'est pas pris en charge lorsque le graphique est fractionné par valeurs de dimension (c'est-à-dire lorsqu'une dimension est utilisée pour la légende de couleur). |
|
Étiquettes de données
Dans la section Étiquettes de données, indiquez si les étiquettes de données doivent être affichées et configurez leur style.
**Paramètre**
|
**Description**
| | --- | --- | |
**Contenu**
|
Lorsque le **Type de graphique** dans la section **Zone du graphique** est défini sur **graphique en aires empilées** ou **graphique en aires empilées 100 %**, vous pouvez sélectionner les données à afficher dans les étiquettes de données. Les options prises en charge sont **Mesure**, **Pourcentage** et **Total**.
Si vous sélectionnez **Pourcentage**, vous pouvez également définir le nombre de décimales sur 0, 1 ou 2 dans **Décimales du pourcentage**.
| |
**Affichage complet**
|
Cette option ajuste automatiquement la position des étiquettes pour éviter les chevauchements. Toutefois, si les étiquettes débordent toujours de la zone du graphique, certaines peuvent ne pas s'afficher. Lorsque l'affichage complet est activé, vous pouvez également choisir d'**Autoriser le chevauchement des étiquettes de données**.
| |
**Position**
|
Définit la position d'affichage des étiquettes.
| |
**Texte**
|
Définit le style du texte des étiquettes.
|
Info-bulle
Dans la section Info-bulle, cliquez sur l'icône pour activer les info-bulles et configurer leurs paramètres.
-
Configuration PC
Paramètre
Description
Mode d'affichage
Définit la manière dont les informations de l'info-bulle sont affichées. Les modes suivants sont pris en charge : Par point de données unique et Par valeur de dimension.
Contenu
Sélectionne le contenu des données à afficher dans l'info-bulle. Les options disponibles varient selon la configuration :
Lorsque le mode d'affichage est Par point de données unique, l'option Pourcentage est prise en charge. Lorsque le mode d'affichage est Par valeur de dimension, les options Total et Pourcentage sont prises en charge.
-
Pourcentage : le pourcentage d'un point de données par rapport au total de la dimension actuelle. Par exemple, le pourcentage du bénéfice par rapport au chiffre d'affaires total pour les fournitures de bureau. Si vous sélectionnez cette option, vous pouvez également définir le nombre de décimales sur 0, 1 ou 2 dans Décimales du pourcentage.
-
Total : la somme de toutes les mesures pour la dimension actuelle. Par exemple, le montant total des ventes pour toutes les régions en 2025.
Couleur d'arrière-plan
Définit la couleur de remplissage de l'arrière-plan de la zone d'info-bulle.
Texte
Définit le style du texte dans la zone d'info-bulle. Vous pouvez configurer la couleur de la police, sa taille, sa graisse et déterminer si le texte doit être italique.
-
-
Configuration mobile
Paramètre
Description
Bulle flottante
Cliquez sur l'icône
pour activer l'affichage de la bulle flottante (①).Contenu
Définit le contenu des données à afficher dans la bulle flottante. Vous pouvez sélectionner Pourcentage et Total.
-
Pourcentage : le pourcentage d'un point de données par rapport au total de la dimension actuelle. Par exemple, le pourcentage du bénéfice par rapport au chiffre d'affaires total pour les fournitures de bureau. Si vous sélectionnez cette option, vous pouvez également définir le nombre de décimales sur 0, 1 ou 2 dans Décimales du pourcentage.
-
Total : la somme de toutes les mesures pour la dimension actuelle. Par exemple, le montant total des ventes pour toutes les régions en 2025.
Couleur d'arrière-plan
Définit la couleur de remplissage de l'arrière-plan de la bulle flottante.
Texte
Définit le style du texte dans la bulle flottante. Vous pouvez configurer la couleur de la police, sa taille, sa graisse et déterminer si le texte doit être italique.
Afficher la dimension de l'axe
Cliquez sur l'icône
pour activer l'affichage de la dimension de l'axe (②).Couleur d'arrière-plan
Définit la couleur de remplissage de l'arrière-plan de l'étiquette de dimension de l'axe.
Texte
Définit le style du texte de l'étiquette de dimension de l'axe. Vous pouvez configurer la couleur de la police, sa graisse et déterminer si le texte doit être italique.
-
Paramètres des séries
Dans la section Paramètres des séries, configurez les styles des séries.
Vous pouvez configurer l'Alias et le Format d'affichage de la valeur de série dans Series settings uniquement lorsque Color legend/dimension est activé dans le volet Champs.
|
Parameter |
Description |
|
Select field |
Sélectionnez une dimension ou une mesure. |
|
Alias |
Définit un alias pour le champ, adapté à votre scénario métier. Cette option n'est configurable que lorsque l'option Color legend/dimension est utilisée. |
|
Line style |
Définit le type et l'épaisseur des lignes. Remarque
Cette fonctionnalité n'est pas prise en charge pour les graphiques empilés et les graphiques empilés à 100 %. |
|
Show markers |
Indique s'il faut afficher les marqueurs. Si cette option est sélectionnée, vous pouvez ensuite choisir le style de marqueur. Remarque
Cette fonctionnalité n'est pas prise en charge pour les graphiques empilés et les graphiques empilés à 100 %. |
|
Show data labels |
Spécifie s'il faut afficher les étiquettes de données et définit la position des étiquettes ainsi que le format du texte. |
|
Series value display format |
Configure le format d'affichage des valeurs de série. Les options prises en charge sont Auto et Custom.
Cette option n'est configurable que lorsque l'option Color legend/dimension est utilisée. |
|
Show boundary values |
Indique s'il faut afficher les étiquettes de valeurs limites dans le graphique. Si cette option est sélectionnée, vous pouvez configurer la Position de l'étiquette, le Content to display (Maximum/Minimum), la Background fill color et le Text style. Remarque
Cette fonctionnalité n'est pas prise en charge pour les graphiques empilés et les graphiques empilés à 100 %. |
Controls
Dans la section Auxiliary display, configurez le filtre de métriques et les contrôles d'affichage.
|
Parameter |
Description |
|
Enable in-chart metric filter |
Indique s'il faut activer le filtre de métriques intégré au graphique. Si cette option est activée, vous pouvez également définir le champ de métrique sélectionné par défaut. |
|
View control |
Lorsque les données du graphique sont trop denses pour tenir dans le conteneur, cliquez sur l'icône Deux types de contrôle sont disponibles pour la plage visible : Navigator et Scroll bar.
Remarque
Si aucun contrôle d'affichage n'est configuré et que le graphique est trop petit, le système active automatiquement le Navigator, qui n'apparaît que lorsque les données dépassent la largeur du conteneur du graphique. |
Par défaut, le navigateur ne s'affiche que lorsque les données dépassent la largeur du conteneur du graphique. Sélectionnez Always show pour afficher le navigateur même si les données ne remplissent pas entièrement le conteneur.
Vous pouvez définir la largeur minimale de catégorie pour limiter la quantité de données dans la fenêtre actuelle du graphique, garantissant ainsi une mise à l'échelle claire et évitant l'encombrement visuel dû au chevauchement des étiquettes ou à la densité des points de données. La largeur minimale de catégorie par défaut est de 32 px, avec une plage allant de 16 px à 100 px.Configuration de l'analyse des graphiques
|
Paramètre |
Nom |
Description |
|
Analyse interactive |
exploration détaillée |
Une fois l'exploration détaillée configurée pour un graphique, vous pouvez définir la manière dont ses niveaux sont affichés. Pour plus d'informations, consultez exploration détaillée. |
|
linkage |
Lorsque vos données s'étendent sur plusieurs graphiques, utilisez la fonctionnalité linkage pour les connecter. Pour plus d'informations, consultez linkage. |
|
|
jump |
Lorsque vos données s'étendent sur plusieurs tableaux de bord, utilisez la fonctionnalité jump pour les connecter. La fonctionnalité jump comprend deux types : parameter jump et external link. Pour plus d'informations, consultez jump. |
|
|
Analysis and alerting |
reference line |
Utilisez une ligne de référence pour comparer la mesure actuelle à une valeur de référence. Les valeurs de référence peuvent être fixes ou calculées. Les valeurs calculées incluent la moyenne, le maximum, le minimum et la médiane. Pour plus d'informations, consultez reference line. |
|
trendline |
Utilisez une courbe de tendance pour afficher la tendance générale de vos données. Six types sont disponibles : recommandation intelligente, linéaire, logarithmique, exponentielle, polynomiale et puissance. Pour plus d'informations, consultez analysis and alerting. |
|
|
annotation |
- |
Lorsque les données du graphique contiennent des anomalies ou nécessitent une attention particulière, vous pouvez ajouter des annotations telles que des mises en évidence par couleur, des icônes, des notes ou des points de données. Cela vous aide à repérer les anomalies et à y répondre en conséquence. Pour plus d'informations, consultez annotation. |
Étapes suivantes
Pour permettre à d'autres utilisateurs de consulter le tableau de bord, partagez-le. Pour plus d'informations, consultez Partager un tableau de bord.
Pour créer un menu de navigation complexe destiné à une analyse thématique, intégrez le tableau de bord à un Data Portal. Pour plus d'informations, consultez Data Portal.