Créer une visualisation de données à barres horizontales ou verticales

  • Rversion finale: Zurich
  • Mis à jour 4 sept. 2025
  • 10 minutes de lecture

    • Utilisez les visualisations à barres pour afficher des informations dans des segments proportionnels aux valeurs qu’elles représentent. Les visualisations à barres verticales et horizontales comparent des valeurs numériques qui représentent des données nominales ou ordinales.

    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.

    Pour plus d’informations sur ce type de visualisation, consultez Vue d’ensemble de la visualisation à barres sur le ServiceNow Site Developer. Ce site fournit des informations sur les composants de visualisation de données à barres horizontales et verticales dans le Générateur d'IU, et certaines options de configuration peuvent différer de celles du Concepteur de visualisation.

    Pourquoi et quand exécuter cette tâche

    En général, utilisez des barres horizontales pour représenter graphiquement les données nominales, telles que le nombre d’utilisateurs dans chaque groupe d’affectation. Utilisez des barres verticales pour représenter graphiquement des données ordinales, telles que le nombre d’incidents ouverts dans différentes catégories d’âge. Pour en savoir plus sur l’utilisation d’une visualisation à barres dans un tableau de bord, consultez le ou la Site Developer.

    Procédure

    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 Create New Visualization (Créer une visualisation).
    3. Sélectionnez le type de visualisation Barre horizontale (icône de barre horizontale) ou Barre verticale (icône de barre verticale).
    4. Configurez l’en-tête et la bordure. Les options d’en-tête et de bordure sont identiques pour toutes les sources de données.
      Champs d’en-tête et de bordure Description
      Afficher l'en-tête En-tête de visualisation, y compris le titre et les icônes.
      Afficher le séparateur d'en-tête Option permettant d’afficher une ligne séparant l’en-tête du reste du composant.
      Titre du graphique Titre de la visualisation.
      Description Bref aperçu de la visualisation que l’utilisateur final verra. Les descriptions aident les utilisateurs à trouver la visualisation.
      Entourer le titre Option pour envelopper les titres longs sur une deuxième ligne. Si la valeur est faux, affiche des points de suspension pour tronquer les titres longs.
      Étiquettes d'emballage Sélectionnez cette option pour envelopper les étiquettes d’éléments longs sur l’axe.
      Taille maximale de l'étiquette, px Spécifiez la taille maximale d’étiquette pour les noms d’éléments sur l’axe. Valeur par défaut = 100 px.
      Type de troncation Spécifiez l’emplacement des étiquettes longues tronquées à l’aide de points de suspension. Les options sont Début, Milieu et Fin.
      Afficher la bordure Option permettant d’afficher une ligne autour du composant.
      Nu Option permettant de supprimer le remplissage autour de la visualisation des données afin de fournir un positionnement plus compact sur la page. Disponible uniquement lorsque l’option Afficher la bordure est désactivée.
      Couleur d'arrière-plan de l'en-tête Spécifiez la couleur derrière le titre de la visualisation.
      Couleur du titre Spécifiez la couleur du texte du titre. La couleur par défaut du titre est le noir, mais vous pouvez choisir une couleur qui contraste mieux avec l’arrière-plan de l’en-tête. Disponible uniquement lorsque la couleur d’arrière-plan de l’en-tête est sélectionnée.
    5. Choisissez une source de données.
      Pour une description générale des sources de données, reportez-vous à la section Sources de données pour les visualisations de données.

      • Table (disponible dans la système de base table ). Lorsque vous sélectionnez une table, vous pouvez la filtrer selon des conditions personnalisées ou préconfigurées. Les conditions personnalisées peuvent inclure des questions ou des variables de Catalogue de services.

        Les sources de rapport configurées s’affichent dans la liste des conditions prédéfinies . Pour en savoir plus, consultez Sources des rapports.

        Pour vous aider à créer un filtre personnalisé, il existe une liste d’aperçu des enregistrements qui sont inclus dans la visualisation. Vous pouvez modifier les champs qui sont affichés sous forme de colonnes et la largeur des colonnes dans les actions de liste.
        Prévisualisez la liste des enregistrements pour la visualisation des données sources de table avec les actions de liste affichées.
      • Indicateur (disponible dans le système de base). Lorsque vous sélectionnez un indicateur comme source de données, vous pouvez sélectionner une répartition et un ou plusieurs éléments pour filtrer les résultats. Si un filtre d’élément est défini sur la source de répartition, ce filtre d’élément est disponible dans le champ Éléments. Toutefois, les visualisations de données ne prennent en charge les filtres d’éléments que pour les indicateurs automatisés avec les agrégations Nombre, Réduire ou Maximiser. Pour plus d'informations, consultez Filtres d’éléments.
      • Analyse de l'expérience utilisateur (disponible avec l’application d’intégration PAR de l’expérience utilisateur, pour les utilisateurs disposant d’un rôle requis). Choisissez l’un des trois KPI inclus dans cette application, en fonction du type de visualisation. Pour plus d'informations, consultez Sources de données Analyse de l’expérience utilisateur pour les visualisations de données.
      Remarque :
      Vous pouvez choisir plusieurs sources de données pour cette visualisation. Toutefois, toutes les sources de données doivent être du même type : table, indicateur ou Analyse de l'expérience utilisateur. Pour plus d'informations, consultez Plusieurs sources de données.
    6. Sélectionnez les options de votre source de données.
    7. Sous Présentation, fournissez des informations d’affichage et de couleur.
      Remarque :
      Pour les visualisations à barres horizontales, l’axe X est l’axe principal. Pour les visualisations à barres verticales, l’axe Y est primaire.
      Champ Description

      Paramètres d'affichage

      Afficher uniquement un point de données dans l'info-bulle

      Lorsque cette option est activée, l’info-bulle affiche uniquement le point de données survolé. Lorsque cette option est désactivée, l’info-bulle affiche tous les points de données.

      Par défaut : Désactivé, sauf lorsque le zoom est de 400 %, ce qui l’active automatiquement.
      Afficher la table de données Affiche une table de données des diagrammes et des graphiques pour faciliter l'accès avec un lecteur d'écran. Les données incluent le pourcentage du total pour chaque valeur, le cas échéant.

      Axes X et Y (certaines options ne sont disponibles que sur l’axe primaire ou secondaire. Sur les visualisations à barres horizontales, l’axe X est primaire. Sur les visualisations à barres verticales, l’axe Y est primaire.)
      Masquer l'axe Option permettant de masquer le 1er axe.
      Titre de l'axe Titre à afficher sur l’axe X ou Y.
      Plage de l'axe : de Point de départ des valeurs sur l’axe primaire.
      Plage de l'axe : à Point de terminaison des valeurs sur l’axe primaire.
      Position de l'axe Position du 1er axe. Les options incluent :
      • Gauche
      • Droit

      Cette propriété s’applique uniquement lorsque Masquer l’axe est défini sur faux. S’il y a plusieurs axes primaires, tels que plusieurs axes Y sur une visualisation à barres verticales, vous pouvez définir la position de chaque axe séparément.
      Afficher la grille Affiche une grille de lignes fines perpendiculaires à l’axe primaire, pour faciliter l’alignement des valeurs sur cet axe.
      Style de l'axe Style du 1er axe.
      • Nettoyer : ajoute une ligne droite à l’axe primaire.
      • Aucune ligne de graduation noTicks : option permettant de supprimer toutes les marques de l’axe primaire.
      • Standard par défaut : ajoute une ligne et des graduations à l’axe principal.
      Étiquettes d'emballage

      Enveloppez les étiquettes longues dans l’axe secondaire.
      Taille maximale de l’étiquette, px. Longueur en pixels à laquelle l’étiquette de l’axe secondaire est enveloppée ou tronquée.
      Type de troncation Détermine où tronquer les étiquettes longues pour l’axe secondaire. Les options incluent :
      • Début du démarrage
      • Milieu
      • Fin fin

      Légende
      Afficher la légende Option permettant d’afficher la légende. Activé automatiquement à 400 % de zoom.
      Afficher la valeur de la légende Option permettant d’afficher la valeur correspondant à la zone du graphique survolée par le curseur. La valeur s’affiche sous forme d’info-bulle et dans la légende du graphique.
      Position de la légende Emplacement de la légende par rapport au graphique : Au-dessus, Au-dessous, Droite ou Gauche
      Alignement horizontal

      Alignement horizontal des éléments dans la légende : début, centre ou fin
      Largeur maximale de l'élément de légende, en pixels

      Nombre de pixels après lesquels l’élément de la légende est tronqué.
      Développer la légende verticalement

      Lorsque cette option est activée, le contenu de la légende prend autant d’espace que nécessaire pour s’adapter à la légende sans défilement, au lieu des 2 lignes maximum.

      Étiquette de données
      Afficher les étiquettes de données Option permettant d’afficher le score de chaque point de données.

      Couleurs
      Définir le type de couleur Type de combinaison de couleurs à appliquer au composant. Les options incluent :
      • Par défaut : une couleur ou un ensemble de couleurs provenant du thème UX appliqué à l’instance. Pour plus d'informations, consultez Working with themes in Next Experience.
      • Palette de couleurs : liste des palettes de couleurs à sélectionner parmi les palettes système prédéfinies dans la table Combinaison de couleurs du graphique [pa_chart_color_schemes]. Pour les données groupées ou empilées, les couleurs s’appliquent dans l’ordre, de la valeur la plus élevée à la valeur la plus basse. Pour plusieurs sources de données, les couleurs de la palette s’appliquent dans l’ordre des sources de données. Par exemple, la première couleur d’une palette s’applique à la première source de données et la deuxième couleur de palette s’applique à la seconde source. Toutes les visualisations qui utilisent la même palette de couleurs affichent les mêmes couleurs, quelles que soient les données qu’elles affichent.
      • Couleur unique/Couleurs par mesure : sélectionnez une seule couleur dans le champ Couleur Définir la valeur . L’interaction avec ce champ ouvre un sélecteur dans lequel vous pouvez choisir la couleur à partir d’un ensemble d’icônes ou d’une liste. Vous pouvez également rechercher une couleur. Lorsque vous saisissez une valeur de recherche, le sélecteur affiche une liste de couleurs filtrées en fonction de cette valeur de recherche.

        Si la visualisation comporte plusieurs mesures, l’option Couleurs par mesure s’affiche à la place. Cette option vous permet de sélectionner une couleur unique pour chaque mesure.

      • Couleur d’élément fixe : utilisez une couleur spécifique du tableau Couleurs des graphiques [sys_report_chart_color] pour chaque élément. Toutes les visualisations de données qui utilisent des couleurs d’éléments fixes affichent le même élément, tels que les incidents critiques dans le champ d’application Global, dans la même couleur.

        Cette option n’est disponible que pour les sources de données de table et uniquement si aucune source de données ou mesure n’est ajoutée et qu’un groupe par est défini.

    8. Sous Interaction du graphique, définissez ce qui se passe le cas échéant lorsqu’un visionneur clique sur un graphique ou un segment de graphique sur la visualisation.
      Champ Description
      Autoriser l'interaction du graphique Activez l’occurrence d’un événement lorsqu’un utilisateur clique sur une visualisation ou sur l’un de ses segments.
      Action
      Choisissez l’événement qui se produit lorsqu’un utilisateur clique sur une visualisation ou dans l’un de ses segments. Les choix dépendent du type de visualisation et de la source de données. S’applique uniquement lorsque l’option Autoriser l’interaction avec le graphique est activée. Pour en savoir plus, consultez Interactions de graphique dans une visualisation de données.
      • Accéder à la vue de données Ouvre une vue de liste, Détails des KPI une page ou Analyse de l'expérience utilisateur une page de vue d’ensemble pertinente pour le segment ou la visualisation associé. Pour les données de table, une propriété système détermine si une Interface utilisateur principale liste ou une Platform Analytics liste s’ouvre. Pour plus d'informations, consultez Vues de données pour différentes sources de données.
      • Accéder à l’URL ouvre l’URL spécifiée, qui peut être sur l’instance ou externe. Vous avez la possibilité de spécifier un nom de page à afficher dans l’info-bulle, pour les visualisations avec info-bulles.
      • Appliquer en tant que filtre filtre toutes les visualisations de données sur le tableau de bord en fonction de la valeur du segment sélectionné, le cas échéant.
        Remarque :
        Le filtre Appliquer en tant que n’est disponible que pour les sources de données de table et d’indicateur. Cela ne fonctionne pas lorsque le champ Grouper par est un champ de durée.
      • Exploration vers le bas jusqu’au graphique (Concepteur de visualisation uniquement) Ouvre une visualisation de données différente filtrée en fonction des données sélectionnées. Vous pouvez ajouter une visualisation détaillée pour chaque mesure sur la visualisation parente.
        Remarque :
        Le dernier niveau d’exploration dans l’expérience Platform Analytics est toujours une liste d’interface utilisateur principale. Les enregistrements ne s’ouvrent pas dans les listes incorporées de l’espace de travail.

        L’exploration vers le bas jusqu’à Prend en charge uniquement les sources de données de table.
    9. Sélectionnez Enregistrer.
      Accédez à la Tout > Platform Analytics > Bibliothèque > Visualisations des données pour revenir à la liste Data Visualization (Visualisation de données).

    Que faire ensuite