Exemple de visualisation à barres horizontales

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 8 minutes de lecture
  • Les visualisations à barres horizontales vous permettent d’afficher la taille ou la fréquence comparative de différentes catégories ou groupes, tels que la priorité d’incident ou le groupe de ventes. Vous pouvez également ajouter un groupe par ou une pile par à une visualisation à barre, telle que le groupe d’affectation.

    Avant de commencer

    Rôle requis : Toute personne ayant accès aux données peut créer une visualisation de ces données sur n’importe quel tableau de bord qu’elle peut modifier. Les utilisateurs disposant du rôle itil, report_user, admin ou viz_creator peuvent créer une visualisation dans le Concepteur de visualisation. Si vous créez une visualisation dans le Concepteur de visualisation, elle est enregistrée dans la bibliothèque. Pour plus d’informations sur l’accès, consultez Report_view contrôle d’accès et Rôles de Platform Analytics.

    Pourquoi et quand exécuter cette tâche

    Utilisez le type de visualisation à barres horizontales pour comparer différentes catégories ou différents groupes et afficher clairement la distribution d’un ensemble de données. Dans cet exemple, vous affichez les incidents par priorité et les empilez par groupe d’affectation.

    Procédure

    1. Suivez les premières étapes pour Créer une visualisation de données à barres horizontales ou verticales:
      1. Accédez à la Tout > Platform Analytics > Bibliothèque > Visualisations des donnéesou ouvrez un tableau de bord intégré et sélectionnez Modifier.
      2. Sélectionnez Nouveau.
      3. Sélectionnez le type de visualisation Barre horizontale (icône de barre horizontale).
        Animation montrant la sélection de l’espace de travail et du concepteur de visualisation, ainsi que le choix de créer une visualisation à barres horizontales
    2. Pour l’instant, ignorez la section d’en-tête et de bordure et passez à la source de données.
      1. Sélectionnez Ajouter une source de données.
      2. Choisissez la table Incident [incident].
      3. Étant donné que cette visualisation montre les incidents ouverts, ajoutons la condition Incidents.Open dans la section Filtres.
        Avec ce filtre sélectionné, la visualisation affiche uniquement le nombre d’incidents actifs.
      4. Facultatif : Sélectionnez Run (Exécuter ) pour prévisualiser les enregistrements sur lesquels la visualisation sera basée.
      5. Sélectionnez Add this source (Ajouter cette source).
      Une visualisation de données à barres horizontales avec la valeur actuelle des données sélectionnées s’affiche dans le Concepteur de visualisation. Étant donné que la seule information que vous avez fournie est que la visualisation représente les incidents actifs, vous ne voyez qu’un seul bloc. Vous ajoutez une priorité et un groupe d’affectation à l’étape 4.
      Animation montrant la sélection de la source de données, l’application du filtre et le résultat
    3. Maintenant que vous pouvez voir la visualisation, ajoutons un peu de contexte pour l’utilisateur.
      1. Développez la section En-tête et bordure.
      2. Sélectionnez Afficher l’en-tête et fournissez le titre Nombre d’incidents ouverts : priorité et groupe d’affectation.
        Lorsque l’option Afficher l’en-tête est sélectionnée, vous pouvez ajouter un titre et une description. Le titre du graphique n’est pas nécessairement le même que le nom de la visualisation. Le nom de la visualisation l’identifie dans le Concepteur de visualisation et dans une liste. Le titre du graphique apparaît dans la visualisation.
      3. Saisissez une description de la visualisation : Nombre d’incidents ouverts de toutes les priorités, regroupés par groupe d’affectation.
        Bien que les champs Description et Titre ne soient pas obligatoires, ces informations rendent la visualisation plus facile à comprendre sur un tableau de bord et plus facile à identifier dans une liste.
      4. Sélectionnez Enregistrer et donnez le titre au rapport Barre horizontale : incidents ouverts.
    4. Ignorez la section Metric (Mesure).
    5. Ajoutez un groupe par pour différencier les informations de la visualisation.
      Sous Grouper par, sélectionnez Actif et passez le regroupement en Priorité.
    6. Sous Tri, choisissez le champ par lequel effectuer le tri et l’ordre du tri.
      1. Choisissez de trier par nom.
        Les noms de priorité commencent chacun par un nombre de sorte que les barres soient 1 – Critique, 2 – Élevée, et ainsi de suite.
      2. Choisissez Ascendant comme ordre de tri.
        Les barres sont classées avec 1 - Critique en haut, suivi de 2 - Élevé, 3 - Modéré, et ainsi de suite.Rapport à barres horizontales trié par nom dans l’ordre croissant
    7. Sous Data Update (Mise à jour des données), configurez la façon dont l’audience interagit avec la visualisation.
      1. Sélectionnez Suivre les filtres.
        Cette option permet à la visualisation de suivre les filtres interactifs sur les tableaux de bord sur lesquels elle est placée et qui sont basés sur la même table.
      2. Sélectionnez l’icône Afficher le filtre pour afficher le nombre de filtres appliqués à la visualisation.
        Par exemple, si les filtres de tableau de bord limitent la valeur de la visualisation, l’icône indique que vous voyez le nombre d’incidents ouverts qui correspondent aux filtres. Vous pouvez ensuite vérifier quels filtres sont en vigueur.
      3. Sélectionnez Activer l’exploration vers le bas pour permettre aux utilisateurs d’accéder aux informations pertinentes en sélectionnant un point de données dans le graphique.
        Certaines visualisations explorent uniquement la liste des données associées. Les données de table sont généralement limitées par des listes de contrôle d’accès (ACL) et les lecteurs peuvent ne pas voir tous les enregistrements associés.

        Ce contrôle reflète l’autorisation d’interaction du graphique. Sous Interaction du graphique, vous pouvez également sélectionner la destination de l’exploration.

    8. Configurez l’axe X.
      Vous pouvez spécifier plusieurs options, notamment le texte sur l’axe, la plage de valeurs et la position de l’axe. Vous pouvez même sélectionner Masquer l’axe si vous souhaitez masquer l’axe et ses valeurs et afficher uniquement les tailles comparatives des barres.
      1. Vous pouvez donner à l’axe des X le titre Incidents ouverts, mais cette information se trouve déjà dans le titre de la visualisation, laissez donc ce champ vide.
      2. Conservez la valeur par défaut de 0 pour la valeur De la plage d’axes.
        Il y a des cas où une valeur plus élevée a du sens, mais l’inconvénient est que les tailles relatives des barres deviennent moins précises et peuvent être trompeuses.
      3. Conservez la valeur vide par défaut pour la valeur À de la plage d’axes.
        Lorsque cette valeur est vide, la valeur la plus élevée de la plage est la même que la valeur la plus élevée de la plus grande barre de la visualisation. Dans cet exemple, cette valeur est 17.
      4. Les options de style Afficher la grille et l’axe sont des modifications esthétiques mineures que vous pouvez ajuster selon vos préférences.
        Dans cet exemple, sélectionnez Aucune ligne de graduation , car elles prolongent la grille, qui est affichée.
        Visualisation à barres horizontales avec options sur l’axe X
    9. Configurez l’axe Y.
      La configuration de l’axe Y détermine la façon dont les étiquettes sont affichées pour l’axe vertical. Dans cet exemple, vous avez des étiquettes relativement courtes. Toutefois, si la taille maximale de l’étiquette est inférieure à celle des étiquettes, vous pouvez choisir de tronquer ou d’envelopper le texte de l’étiquette. Vous pouvez tronquer le texte au début ou à la fin de l’étiquette.
      1. Vous pouvez donner la priorité au titre de l’axe Y, mais cette information se trouve déjà dans le titre de la visualisation, alors laissez ce champ vide.
      2. Sélectionnez Envelopper les étiquettes.
        Vous ne voyez aucun changement dans l’affichage de l’étiquette, car la taille maximale de l’étiquette de 0 signifie que la plus grande étiquette détermine la taille.
      3. Définissez la taille maximale de l’étiquette sur 50.
        Les étiquettes s’enroulent vers des lignes supplémentaires. Le type de troncature ne fait pas de différence, car les étiquettes sont renvoyées à la ligne.
      4. Désactivez l’option Envelopper les étiquettes .
        Lorsque vous modifiez le type de troncation, vous pouvez voir que Fin remplace les extrémités des étiquettes plus longues par trois points. Sélectionnez Démarrer et les trois points remplacent la première partie des étiquettes plus longues. Et la même chose se produit lorsque vous sélectionnez le milieu.Animation montrant les options de l’axe Y
    10. Configurez la légende de la visualisation.
      La légende donne des exemples de codage couleur pour chaque valeur sur l’axe Y. Vous pouvez choisir d’afficher ou non la légende, où la placer et combien en afficher. L’emplacement idéal dépend de la taille de son conteneur sur un tableau de bord. Si vous disposez de plus d’espace horizontal, placez la légende à gauche ou à droite. Si vous avez plus d’espace vertical, placez-le au-dessus ou en dessous.
      1. Sélectionnez Afficher la légende et Afficher la valeur de la légende.
        Afficher la valeur de la légende ajoute le nombre associé à la mesure. Dans ce cas, 17 est ajouté à 1 - Incidents critiques , car il s’agit du nombre d’incidents critiques. Vous pouvez également choisir Afficher les étiquettes de données (dans la section Étiquette de données) pour placer cette valeur sur la barre elle-même.
      2. Placez la légende au-dessus de la visualisation.
        Vous pouvez choisir de placer la légende au-dessus, en dessous ou à droite ou à gauche de la visualisation.
      3. Sélectionnez l’alignement horizontal central.
        Début et fin : déplacez la légende vers la gauche ou la droite de la visualisation. (Le début et la fin sont à droite et à gauche pour les langues qui se lisent de droite à gauche.)
      4. Modifiez la largeur maximale de l’élément de légende pour donner plus ou moins d’espace à ces valeurs.
      5. Développer la légende verticalement fournit des lignes supplémentaires à la légende afin que les utilisateurs n’aient pas à faire défiler au-delà des deux lignes par défaut.
        Dans cet exemple, vous n’avez besoin que d’une seule ligne pour les cinq priorités d’incidents. Dans une visualisation qui comporte des barres pour 15 ou 20 régions ou groupes d’affectation différents, vous souhaiterez peut-être en afficher davantage dans la légende sans barre de défilement.
    11. Ajoutez un Grouper par supplémentaire pour fournir plus d’informations dans la visualisation.
      Rappelez-vous que vous avez appelé cette visualisation Nombre d’incidents ouverts – Priorité et Groupe d’affectation. Ajoutez le groupe d’affectation.
      1. Sous Grouper par, sélectionnez + Ajouter, choisissez Groupe d’affectation, puis sélectionnez Appliquer.
        Option de regroupement supplémentaire avec le groupe d’affectation sélectionné.
      2. Affichez les étiquettes de données au milieu.
        Avec le sélecteur Regrouper par supplémentaire, vous avez des valeurs empilées : Groupe d’affectation en plus de Priorité. Vous pouvez choisir d’afficher la valeur des données sous forme de nombre individuel d’incidents par groupe d’affectation, en tant que valeur cumulative (chaque segment ajouté à la valeur précédente) ou simplement d’afficher le total. Choisissez Individuel pour afficher la valeur de chaque segment.
      3. Masquer l’axe X.
        Étant donné que vous avez ajouté les valeurs à chaque segment, les valeurs de l’axe sont redondantes.
        Incidents regroupés par priorité et groupe d’affectation avec des étiquettes de données sur chaque segment
    12. Choisissez le type de couleur par défaut pour la visualisation.
      • La valeur par défaut applique les couleurs associées à votre thème UX.
      • La palette de couleurs utilise des teintes de la même couleur, par exemple Bleu clair à Bleu foncé.
        Incidents critiques ouverts avec la palette bleue appliquée
      • L’élément fixe spécifie la même couleur pour chaque élément, comme les incidents matériels. Toutes les visualisations de données qui utilisent des couleurs d’élément fixes affichent le même élément dans la même couleur.

    Résultats

    Vous avez créé une visualisation à barres horizontales regroupée sur deux champs. Vous avez également configuré l’étiquetage, la légende et les plages de la visualisation.