Un diagramme en barres horizontales illustre la répartition des données au sein d'un ensemble bidimensionnel. Un axe représente les catégories, tandis que l'autre affiche les valeurs, par exemple les ventes de produits par mois.
Présentation
-
Cas d'utilisation
Comparez les valeurs entre différents groupes. La longueur des barres reflète la valeur, ce qui permet d'identifier facilement les écarts d'un coup d'œil.
-
Avantages
Fonctionnalités de calcul : comparaisons glissantes en un clic, calculs cumulatifs, lignes de référence intelligentes et courbes de tendance.
Effets de visualisation : prend en charge les types de graphiques en barres horizontales, empilées et empilées à 100 %. Personnalisez les étiquettes de données, les légendes et l'axe de synthèse.
Exemple

Limitations
Prérequis : vous avez créé un tableau de bord.
-
Un diagramme en barres horizontales se compose des champs value axis/measure, category axis/dimension et color legend :
L'axe des valeurs correspond aux mesures de vos données. Ajoutez au moins une mesure, telle que la quantité de commandes ou le montant du bénéfice.
L'axe des catégories correspond aux dimensions de vos données. Ajoutez au moins une dimension, comme la province ou le type de produit.
-
La légende de couleur correspond à une dimension de vos données. Vous pouvez ajouter au maximum une dimension, par exemple la méthode d'expédition.
RemarqueVous ne pouvez utiliser la légende de couleur que si un seul champ de mesure est ajouté à l'axe des valeurs.
Le fractionnement correspond à une dimension de vos données. Vous pouvez ajouter au maximum une dimension, par exemple le type de produit.
Configurer les données du graphique
-
Dans l'onglet Data, sélectionnez les dimensions et les mesures nécessaires.
Dans la liste Dimensions, recherchez
cityet ajoutez-le au champ category axis/dimension.Dans la liste Dimensions, recherchez
product_typeet ajoutez-le au champ color legend/dimension.-
Dans la liste Measures, recherchez
shipping_costet ajoutez-le au champ value axis/measure.RemarqueVous pouvez faire glisser le même champ vers les champs category axis et color legend afin d'attribuer une couleur unique à chaque valeur de dimension. Le rendu du graphique varie selon la configuration :
Si les axes category axis et value axis contiennent chacun un seul champ, le nombre de barres équivaut au nombre de valeurs uniques dans la dimension de l'axe des catégories.

Si l'axe value axis contient plusieurs champs de mesure, le graphique affiche par défaut la première mesure. Ouvrez le panneau de filtrage des champs pour basculer vers d'autres mesures.

Si l'axe category axis contient plusieurs champs de dimension, le nombre de barres correspond au produit du nombre de valeurs uniques de chaque dimension. Par exemple, sur l'image ci-dessous, le nombre de barres est égal au nombre de
regionsmultiplié par le nombre deorder_levels.
Cliquez sur Update. Le système met automatiquement à jour le graphique.

-
(Facultatif) Pour afficher uniquement les données de certaines villes dans le champ city, définissez un filtre.

-
(Facultatif) Actualisation automatique
Actualise automatiquement les données du graphique à l'intervalle spécifié (par exemple, toutes les 5 minutes).
-
(Facultatif) Pour mieux visualiser les tendances des données selon les différentes valeurs de dimension, ajoutez une dimension au champ split/dimension afin de créer des facettes.
Remarque-
Vous ne pouvez ajouter qu'un seul champ de dimension pour le fractionnement. Le mode facette présente les limitations suivantes :
Champs : pour le champ dans split/dimension, la fonctionnalité de calcul avancé prend uniquement en charge
Top NetNone.Style : les axes ne prennent pas en charge un double axe Y. L'axe de synthèse n'est pas pris en charge dans les paramètres d'affichage auxiliaire.
Analyse : seule l'interaction avec les données est prise en charge. Les paramètres avancés, les alertes d'analyse, les annotations et les informations intelligentes ne sont pas pris en charge.
L'utilisation d'un grand nombre de facettes peut ralentir la page. Pour des performances optimales, limitez le nombre de facettes à 500 ou moins.

-
Configurer le style
Personnalisez l'apparence du graphique. Les paramètres de style courants sont abordés dans la rubrique Configurer la zone de titre du graphique.
Saisissez un mot-clé dans la zone Search pour trouver un paramètre, ou cliquez sur l'icône
pour Expand/Collapse All Categories.

Chart Style
Configurez l'apparence du diagramme en barres horizontales.

|
Paramètre |
Description |
|
Palette de couleurs |
Définit la palette de couleurs du graphique. |
|
Type de graphique |
Types pris en charge : diagramme en barres horizontales, diagramme en barres horizontales empilées et diagramme en barres horizontales empilées à 100 %. |
|
Largeur des barres |
Définit la largeur des barres. |
|
Alignement |
Définit l'alignement du graphique : Left ou Right.
|
|
Rayon des coins |
Définit le rayon des coins des barres. |
|
Stacked, 100% stacked |
Permet de basculer entre les types de graphiques en barres horizontales, empilés et empilés à 100 %.
|
|
Remplissage des formes |
Lorsque le paramètre Chart type est défini sur horizontal bar chart, vous pouvez remplir les barres avec des icônes représentant des valeurs numériques. Dans ce cas, il est recommandé de désactiver l'axe des mesures. Options de remplissage : Assets ou Image Field.
Vous pouvez également définir la valeur par forme, le nombre de lignes et choisir de compresser la mise en page.
|
|
Sélection par défaut sur mobile |
Une fois activé, définissez la sélection par défaut sur Dernière valeur de dimension globale ou Dernière valeur de dimension de la série spécifiée. |
Facet
En mode facette, configurez la disposition et le style de l'agencement des graphiques.
Le mode facette est disponible uniquement lorsqu'un champ est configuré dans le champ split/dimension.

|
Paramètre |
Description |
|
|
Style de disposition |
Définit la disposition du graphique : Single-column Comparison ou Grid Distribution. |
|
|
Axe partagé |
Contrôle si les graphiques partagent un axe.
|
|
|
Afficher le séparateur |
Affiche ou masque une ligne de séparation entre les graphiques. Lorsqu'elle est activée, configurez la couleur et le style du séparateur. |
|
|
Colonnes |
Lorsque la disposition est définie sur La valeur par défaut est Auto. Vous pouvez également définir un nombre de colonnes personnalisé. Remarque
|
|
|
Taille minimale de facette |
Définit la largeur et la hauteur minimales pour chaque graphique. Les options varient selon le style de disposition.
|
|
|
Espacement |
Définit l'espacement entre les lignes et les colonnes des graphiques. Les options varient selon le style de disposition.
|
|
|
Étiquette de fractionnement |
Position |
Définit la position de l'étiquette de valeur de dimension : Above chart ou Below chart. |
|
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. |
|
Axes
Configurez l'affichage des axes. Les axes sont affichés par défaut.
Sélectionnez Show dual Y-axis pour ajouter l'option Upper X-axis dans la zone Axis. Le double axe Y prend effet uniquement avec deux mesures ou plus.

|
Axe |
Paramètre |
Description |
|
Axe Y |
Afficher l'axe Y |
Affiche ou masque l'axe Y. |
|
Show title and unit |
Affiche ou masque le axis title et l'unit sur l'axe Y. |
|
|
Show axis label |
Affiche ou masque les étiquettes sur l'axe Y. Vous pouvez également configurer la règle d'affichage des étiquettes de l'axe et le style du texte. |
|
|
Contenu affiché |
Définissez le contenu affiché pour certaines ou toutes les dimensions.
|
|
|
Afficher les graduations |
Affiche ou masque les graduations sur l'axe Y. |
|
|
Show axis line |
Affiche ou masque la ligne de l'axe Y. Vous pouvez également configurer son type de ligne, sa largeur et sa couleur. |
|
|
Show gridlines |
Affiche ou masque les quadrillages pour l'axe Y. Vous pouvez également configurer leur type de ligne, leur largeur et leur couleur. |
|
|
Axe X inférieur |
Afficher l'axe X inférieur |
Affiche ou masque l'axe X inférieur. |
|
Show title and unit |
Affiche ou masque le axis title et l'unit. |
|
|
Show axis label |
Affiche ou masque les étiquettes sur l'axe X inférieur. Configurez le format d'affichage des étiquettes de l'axe et le style du texte. Options de format :
|
|
|
Afficher les graduations |
Affiche ou masque les graduations sur l'axe X inférieur. |
|
|
Show axis line |
Affiche ou masque la ligne de l'axe X inférieur. Vous pouvez également configurer son type de ligne, sa largeur et sa couleur. |
|
|
Show gridlines |
Affiche ou masque les quadrillages pour l'axe X inférieur. Vous pouvez également configurer leur type de ligne, leur largeur et leur couleur. |
|
|
Plage de valeurs et intervalle de l'axe |
|
Configurez l'Upper X-axis uniquement lorsque l'option Show Dual Y-axis est sélectionnée. Les paramètres sont identiques à ceux de l'Lower X-axis.
Legend
Cliquez sur l'icône
pour activer la légende du graphique et configurer son style.
-
Configuration PC

Paramètre
Description
Contenu
Lorsque les champs category axis et color legend utilisent la même dimension et que l'option
Shape fillest activée dans la section Chart style, le graphique affiche plusieurs légendes. Vous pouvez alors sélectionner le contenu à afficher dans la légende.
Position
Définit la position et l'alignement de la légende sur PC.
-
Lorsque la position d'affichage est définie sur Top ou Bottom : vous pouvez choisir l'alignement à gauche, au centre ou à droite.
-
Lorsque la position d'affichage est définie sur Left ou Right : vous pouvez choisir l'alignement en haut, au centre ou en bas. Vous pouvez également définir la distance entre la légende et le contenu du graphique.
Texte
Définit le style du texte de la légende sur PC : couleur de police, taille, graisse et italique.
-
-
Configuration mobile

Paramètre
Description
Position
Définit la position et l'alignement de la légende sur les appareils mobiles.
-
Lorsque la position d'affichage est définie sur Top ou Bottom : vous pouvez choisir l'alignement à gauche, au centre ou à droite.
-
Lorsque la position d'affichage est définie sur Left ou Right : vous pouvez choisir l'alignement en haut, au centre ou en bas. Vous pouvez également définir la distance entre la légende et le contenu du graphique.
RemarqueLorsque la position est définie sur Top, vous pouvez activer les étiquettes sous la légende. Une fois activé, l'alignement personnalisé n'est pas pris en charge.
Texte
Définit le style du texte de la légende sur mobile : couleur de police, taille, graisse et italique.
Afficher le contenu de l'étiquette
Lorsque la Position est définie sur Top, cliquez sur l'icône
pour activer les étiquettes sous la légende.Contenu
Définissez le contenu des données à afficher dans les étiquettes sous la légende. Vous pouvez choisir Pourcentage et Total.
-
Pourcentage : le pourcentage d'un point de données spécifique par rapport au total dans la dimension actuelle. Par exemple, le pourcentage du bénéfice des fournitures de bureau par rapport au chiffre d'affaires total. Lorsque vous choisissez d'afficher les données en pourcentage, vous pouvez également définir le nombre de décimales pour le pourcentage à 0, 1 ou 2 dans Decimal Places du pourcentage.
-
Total : la somme de toutes les mesures dans la dimension actuelle. Par exemple, le montant total des ventes pour toutes les régions en 2025.
Style
Définissez la disposition des étiquettes sous la légende. Vous pouvez choisir parmi les styles suivants :
-
Multi-line Evenly Divided : les étiquettes sont automatiquement disposées dans une grille divisée uniformément en fonction du nombre de colonnes saisies dans Max columns per row et du nombre de lignes saisies dans Max rows per page.

-
Single-line Tiled : tout le contenu de l'étiquette est affiché sur une seule ligne.

-
Plain Text : aucune icône, seul le contenu textuel est affiché. La couleur du texte correspondra à la couleur de la ligne de la mesure correspondante dans le graphique.

Affichage de l'indicateur lorsque non sélectionné
Lorsque le
Styleest défini surMulti-line Evenly DividedouSingle-line Tiled, vous pouvez configurer l'apparence de l'indicateur lorsqu'aucun élément de légende n'est sélectionné. Vous pouvez choisir de l'afficher sous la forme "-" ou commeEmpty.Position du pourcentage
Lorsque les données en
Pourcentagesont sélectionnées dansContenu, et que leStyleest défini surMulti-line Evenly DividedouSingle-line Tiled, vous pouvez définir davantage la position d'affichage des données en pourcentage. Vous pouvez choisir de les placerBelowou àRightde l'étiquette de valeur.Style du texte
Lorsque le
Styleest défini surMulti-line Evenly DividedouSingle-line Tiled, vous pouvez définir davantage le style du texte de la Valeur.Si les données en Pourcentage sont sélectionnées dans le contenu, vous pouvez définir un format différent pour le texte du pourcentage afin de le distinguer du contenu de l'étiquette
Valeur, améliorant ainsi la différence visuelle entre les types de données.Afficher le texte complet
Lorsque le
Styleest défini surMulti-line Evenly Divided, les noms de mesures longs peuvent être tronqués. Si vous devez afficher le nom complet de la mesure, vous pouvez sélectionnerShow Full Text.Afficher le champ d'infobulle
Après avoir sélectionné cette option, le champ ajouté au paramètre Tooltip/Measure sera affiché dans la zone de légende.
RemarqueL'affichage des champs d'infobulle n'est pas pris en charge lors du fractionnement par valeur de dimension (c'est-à-dire lorsque la légende de couleur est une dimension).
-
Data Labels
Spécifiez s'il faut afficher les étiquettes de données et configurez leur style.

|
Paramètre |
Description |
|
Affichage complet |
Ajuste intelligemment la position des étiquettes pour éviter les chevauchements. Les étiquettes dépassant de la zone de l'axe peuvent être masquées. Vous pouvez également sélectionner |
|
Position |
Définissez la position d'affichage des étiquettes. Lorsque l'option |
|
Texte |
Définissez le style du texte de l'étiquette. |
Tooltip
Cliquez sur l'icône
pour activer les infobulles et configurer leur affichage.
-
Configuration PC

Paramètre
Description
Mode d'affichage
Définissez le mode d'affichage des informations de l'infobulle. Vous pouvez choisir
By single data pointouBy dimension value.Contenu
Sélectionnez le contenu des données à afficher dans l'infobulle. Les options disponibles varient selon le mode d'affichage :
Lorsque le mode d'affichage est
By single data point, le pourcentage est pris en charge. Lorsque le mode d'affichage estBy dimension value, le total et le pourcentage sont pris en charge.-
Pourcentage : le pourcentage d'un point de données spécifique par rapport au total dans la dimension actuelle. Par exemple, le pourcentage du bénéfice des fournitures de bureau par rapport au chiffre d'affaires total. Lorsque vous choisissez d'afficher les données en pourcentage, vous pouvez également définir le nombre de décimales pour le pourcentage à 0, 1 ou 2 dans Decimal Places du pourcentage.
-
Total : la somme de toutes les mesures dans la dimension actuelle. Par exemple, le montant total des ventes pour toutes les régions en 2025.
Couleur de fond
Définit la couleur de remplissage de fond de la boîte d'infobulle.
Texte
Définit le style du texte dans la boîte d'infobulle, y compris la couleur de police, la taille, la graisse et l'italique.
-
-
Configuration mobile

Paramètre
Description
Floating BubbleCliquez sur l'icône
pour activer l'affichage de la bulle flottante (①).Contenu
Définissez le contenu des données à afficher dans la bulle flottante. Vous pouvez choisir Pourcentage ou Total.
-
Pourcentage : le pourcentage d'un point de données spécifique par rapport au total dans la dimension actuelle. Par exemple, le pourcentage du bénéfice des fournitures de bureau par rapport au chiffre d'affaires total. Lorsque vous choisissez d'afficher les données en pourcentage, vous pouvez également définir le nombre de décimales pour le pourcentage à 0, 1 ou 2 dans Decimal Places du pourcentage.
-
Total : la somme de toutes les mesures dans la dimension actuelle. Par exemple, le montant total des ventes pour toutes les régions en 2025.
Couleur de fond
Définit la couleur de remplissage de fond de la bulle flottante.
Texte
Définit le style du texte dans la bulle flottante, y compris la couleur de police, la taille, la graisse et l'italique.
Show Axis DimensionCliquez sur l'icône
pour activer l'affichage de la dimension de l'axe (②).Couleur de fond
Définit la couleur de remplissage de fond de l'étiquette de dimension de l'axe.
Texte
Définit le style du texte de l'étiquette de dimension de l'axe, y compris la couleur de police, la graisse et l'italique.
-
Series Settings
Configurez le style d'affichage des séries.

Vous devez uniquement définir l'alias et le format d'affichage numérique dans Series Settings si l'option Color Legend/Dimension est activée dans le panneau de configuration Field.
|
Paramètre |
Description |
|
Select series |
Sélectionnez un élément de dimension ou de mesure en fonction de votre scénario métier. |
|
Alias |
Définissez un nom de champ adapté à votre scénario métier. Cet élément ne peut être configuré que lorsque |
|
Show data labels |
Choisissez d'afficher ou non les étiquettes de données et définissez leur position et leur format de texte. |
|
Mise en forme des numéros de série |
Configurez le format d'affichage des valeurs de série. Vous pouvez sélectionner
Cet élément ne peut être configuré que lorsque |
|
Show extrema |
Spécifie s'il faut afficher les étiquettes pour les valeurs extrêmes dans le graphique. Après avoir sélectionné cette option, vous pouvez définir la Remarque
Cette fonctionnalité n'est pas prise en charge pour les graphiques empilés et empilés à 100 %. |
Auxiliary Display
Configurez le filtre de métrique et les contrôles d'affichage.

|
Paramètre |
Description |
|
Activer le filtre de métrique |
Active le filtre de métrique intégré au graphique. Définissez le champ de métrique sélectionné par défaut après activation. |
|
Contrôle d'affichage |
Si les données sur un axe du graphique sont trop denses pour tenir dans le conteneur, cliquez sur l'icône Vous pouvez utiliser les deux types de contrôle suivants pour gérer la plage visible sur l'axe du graphique :
Remarque
|
Configuration de l'analyse
|
Section |
Paramètre |
Description |
|
Interaction avec les données |
Drill-down |
Si vous avez configuré des champs de drill-down, vous pouvez définir le style d'affichage pour les niveaux de drill-down. |
|
Linkage |
Utilisez la liaison de graphiques pour associer plusieurs graphiques afin d'effectuer une analyse de données inter-graphiques. Configurer et afficher la liaison. |
|
|
Hyperlink |
Lie plusieurs tableaux de bord pour une analyse de données inter-tableaux de bord. Deux types : Parameter Hyperlink et External Link. Configuration et affichage des liens hypertexte. |
|
|
Analysis alerts |
Reference line |
Comparez les valeurs de mesure actuelles avec une valeur fixe ou calculée (moyenne, maximum, minimum ou médiane). Lignes de référence. |
|
Trendline |
Affiche la tendance globale des données actuelles. Types : Recommandation intelligente, Linéaire, Logarithmique, Exponentielle, Polynomiale et Fonction puissance. Courbes de tendance. |
|
|
Annotation |
- |
Mettez en évidence les points de données anormaux ou remarquables à l'aide de couleurs, d'icônes, de commentaires ou de marqueurs de points de données. Annotations. |
Étapes suivantes
Pour permettre à d'autres utilisateurs de consulter votre tableau de bord, partagez-le avec des utilisateurs spécifiques. Pour plus d'informations, consultez la rubrique Partager un tableau de bord.
Intégrez votre tableau de bord dans un portail de données PC afin de créer un menu de navigation complexe pour les rubriques connexes.





).









Par défaut, l'axe de synthèse ne s'affiche que lorsque la quantité de données dépasse la largeur d'affichage du conteneur du graphique. Si vous souhaitez que l'axe de synthèse soit toujours visible, vous pouvez sélectionner
Vous pouvez définir davantage la largeur minimale de catégorie pour la barre de défilement afin de limiter la quantité de données dans la fenêtre actuelle du graphique. Cela garantit que le contenu du graphique est clairement affiché dans la zone visible et évite l'encombrement visuel dû au chevauchement des étiquettes de données ou à la densité excessive des points de données. La largeur minimale de catégorie par défaut est de 32 px, avec une plage de valeurs de 16 à 100 px.