Tous les produits
Search
Centre de documentation

Quick BI:Diagramme en barres horizontales

Dernière mise à jour :Aug 10, 2026

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.

  • Exempleimage

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.

      Remarque

      Vous 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

  1. Dans l'onglet Data, sélectionnez les dimensions et les mesures nécessaires.

    • Dans la liste Dimensions, recherchez city et ajoutez-le au champ category axis/dimension.

    • Dans la liste Dimensions, recherchez product_type et ajoutez-le au champ color legend/dimension.

    • Dans la liste Measures, recherchez shipping_cost et ajoutez-le au champ value axis/measure.

      Remarque

      Vous 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.image

      • 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.image

      • 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 regions multiplié par le nombre de order_levels.image

  2. Cliquez sur Update. Le système met automatiquement à jour le graphique.image

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

    Set filter conditions

  4. (Facultatif) Actualisation automatique

    Actualise automatiquement les données du graphique à l'intervalle spécifié (par exemple, toutes les 5 minutes).

  5. (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 N et None.

      • 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.

    image

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 image..png pour Expand/Collapse All Categories.

Bar chart search

Chart Style

Configurez l'apparence du diagramme en barres horizontales.

image..png

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 %.111

Largeur des barres

Définit la largeur des barres.

Alignement

Définit l'alignement du graphique : Left ou Right.

image..png

Rayon des coins

Définit le rayon des coins des barres.111

Stacked, 100% stacked

Permet de basculer entre les types de graphiques en barres horizontales, empilés et empilés à 100 %.

111

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.

  • Assets : attribue une forme différente à chaque valeur de dimension. Utilisez les ressources système intégrées ou téléchargez des images personnalisées.111

  • Image Field : remplit les barres avec des images provenant d'un champ d'image dans l'ensemble de données. Regroupement effectué selon la dimension de l'axe des catégories. Si plusieurs images correspondent à la même valeur, la première image est utilisée.

    Remarque

    Vous ne pouvez utiliser le champ Image field que si l'ensemble de données contient un champ d'image et que le type de champ est image (2).

    image

Vous pouvez également définir la valeur par forme, le nombre de lignes et choisir de compresser la mise en page.

  • Valeur par forme : valeur numérique représentée par une seule forme.

  • Nombre de lignes : les formes s'affichent par défaut sur une seule ligne. Définissez entre 1 et 5 lignes.111

  • Compresser la mise en page : compresse les formes vers l'axe des mesures tout en maintenant l'espacement et le rapport de taille. Lorsque cette option est activée, l'axe des valeurs ne constitue plus une référence significative.111

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.

Remarque

Le mode facette est disponible uniquement lorsqu'un champ est configuré dans le champ split/dimension.

image

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.

111

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.111

Colonnes

Lorsque la disposition est définie sur Grid Distribution, vous pouvez définir le nombre de colonnes pour l'agencement du graphique.

La valeur par défaut est Auto. Vous pouvez également définir un nombre de colonnes personnalisé.111

Remarque
  • Les nombres de colonnes pour PC et mobile sont configurés séparément. Basculez entre les terminaux à l'aide de l'icône image en haut de la page.

  • Colonnes : 1 à 6 pour PC, 1 à 3 pour mobile.

Taille minimale de facette

Définit la largeur et la hauteur minimales pour chaque graphique. Les options varient selon le style de disposition.

  • Single-column Comparison ou Grid Distribution avec Auto Columns : vous ne pouvez configurer que la largeur minimale du bloc de facette.

  • Grid Distribution avec Custom Columns : vous pouvez configurer la largeur et la hauteur minimales du bloc de facette.

Espacement

Définit l'espacement entre les lignes et les colonnes des graphiques. Les options varient selon le style de disposition.

  • Single-column Comparison : vous ne pouvez configurer que l'espacement entre les colonnes des graphiques.

  • Grid Distribution : vous pouvez configurer l'espacement entre les lignes et les colonnes des graphiques.

Étiquette de fractionnement

Position

Définit la position de l'étiquette de valeur de dimension : Above chart ou Below chart.111

Texte

Définit la couleur et le style de police de l'étiquette de valeur de dimension.111

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.

image..png

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.

image.png

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 : Auto ou Custom.

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

  • Vous pouvez définir les valeurs Minimum/Maximum pour la plage d'échelle de l'axe X inférieur soit Automatiquement, soit manuellement.

  • Vous pouvez définir un Custom Interval par valeur de pas ou par nombre de divisions.

100.gif

Remarque

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 image pour activer la légende du graphique et configurer son style.

  • Configuration PC

    image.png

    Paramètre

    Description

    Contenu

    Lorsque les champs category axis et color legend utilisent la même dimension et que l'option Shape fill est 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.111

    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

    image

    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.

    Remarque

    Lorsque 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 image 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.image

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

    • 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.image

    Affichage de l'indicateur lorsque non sélectionné

    Lorsque le Style est défini sur Multi-line Evenly Divided ou Single-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 comme Empty.

    Position du pourcentage

    Lorsque les données en Pourcentage sont sélectionnées dans Contenu, et que le Style est défini sur Multi-line Evenly Divided ou Single-line Tiled, vous pouvez définir davantage la position d'affichage des données en pourcentage. Vous pouvez choisir de les placer Below ou à Right de l'étiquette de valeur.

    Style du texte

    Lorsque le Style est défini sur Multi-line Evenly Divided ou Single-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 Style est défini sur Multi-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électionner Show 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.

    Remarque

    L'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.

image

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 Allow data labels to overlap.

Position

Définissez la position d'affichage des étiquettes.

Lorsque l'option Shape fill est activée dans la section Chart style, seule l'option Outside shape est prise en charge.

Texte

Définissez le style du texte de l'étiquette.

Tooltip

Cliquez sur l'icône image pour activer les infobulles et configurer leur affichage.

  • Configuration PC

    image

    Paramètre

    Description

    Mode d'affichage

    Définissez le mode d'affichage des informations de l'infobulle. Vous pouvez choisir By single data point ou By 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 est By 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

    image

    Paramètre

    Description

    Floating Bubble

    Cliquez sur l'icône image 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 Dimension

    Cliquez sur l'icône image 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.

image

Remarque

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 color legend/dimension est configuré.

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 Auto ou Custom.

Cet élément ne peut être configuré que lorsque color legend/dimension est configuré.

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 position des étiquettes de valeur extrême, le contenu affiché (valeur maximale/minimale), la couleur de remplissage de fond de l'étiquette et le style du texte de l'étiquette.

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.

image

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 image pour activer les contrôles d'affichage du graphique. Ces contrôles permettent aux utilisateurs d'ajuster de manière interactive la plage de données visible.

Vous pouvez utiliser les deux types de contrôle suivants pour gérer la plage visible sur l'axe du graphique : overview axis et scroll bar.

  • Si vous sélectionnez overview axis, un graphique de tendance simplifié de l'ensemble complet des données (l'axe de synthèse) s'affiche en bas du graphique. Les lecteurs de rapports peuvent faire glisser la zone de sélection pour parcourir rapidement toutes les données ou se concentrer sur une plage spécifique. L'axe de synthèse utilise un système de coordonnées absolues, ce qui signifie que l'intervalle sélectionné correspond directement à un nombre fixe d'éléments de données sur l'axe réel. Il convient à l'analyse comparative ou aux scénarios complexes nécessitant une navigation directe.imagePar 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 Always show. Après sélection, l'axe de synthèse sera toujours affiché, même si les données du graphique ne remplissent pas l'écran.

  • Si vous sélectionnez scroll bar, une barre de défilement horizontale s'affiche sur le côté droit du graphique. Les lecteurs de rapports peuvent faire glisser le curseur horizontalement pour déplacer la fenêtre d'affichage vers la gauche et la droite. La barre de défilement utilise une échelle relative, où la longueur et la position du curseur sont déterminées par le ratio de la fenêtre visible par rapport à la plage totale de données. Elle convient aux scénarios de navigation générale.imageVous 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.

    Après avoir défini la largeur minimale de catégorie, la barre de défilement apparaîtra lorsque la largeur de catégorie réelle allouée au graphique pour un affichage complet est inférieure à cette valeur. Lorsque la barre de défilement est activée, les éléments du graphique et les étiquettes de données sont contraints dans la zone rectangulaire du système de coordonnées. Toutes les parties qui s'étendent au-delà de cette zone (comme les points de repère ou les étiquettes de données) seront automatiquement tronquées ou repositionnées pour s'adapter.

Remarque
  • Si aucun contrôle d'affichage n'est configuré et que la taille du graphique est trop petite, le système active automatiquement un contrôle d'affichage. Par défaut, le système sélectionne l'overview axis, qui ne s'affiche que lorsque la quantité de données dépasse la largeur d'affichage du conteneur du graphique.

  • La fonctionnalité de contrôle d'affichage n'est pas prise en charge en mode facette.

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.