Créer une visualisation de barre dans le Concepteur de visualisation

Utilisez des visualisations en barres pour afficher des informations dans des segments proportionnels aux valeurs qu’elles représentent. Les visualisations de barres verticales et horizontales comparent des valeurs numériques représentant 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 un tableau de bord dont elle est propriétaire. 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 en savoir plus sur l’accès, reportez-vous aux sections Report_view contrôle d’accès et Rôles de Platform Analytics.

Pour plus d’informations sur ce type de visualisation, reportez-vous à la section Présentation de la visualisation de la barre dans le ServiceNow Site Developer. Ce site fournit des informations sur les composants de visualisation des données de barre horizontale et verticale 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 des 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 plus d’informations sur l’utilisation d’une visualisation de barre dans un tableau de bord, voir le ou la Site Developer.

Procédure

1. Accédez à la Tout > Platform Analytics > Bibliothèque > Visualisations des données.
2. Sélectionnez Nouveau.
3. Sélectionnez le type de visualisation barre horizontale () ou barre verticale ().
4. Configurez l’en-tête et la bordure. Les options d’en-tête et de bordure sont les mêmes 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.
   Entourer le titre	Option pour envelopper les titres longs sur une deuxième ligne. Si 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 de l’étiquette pour les noms d’éléments sur l’axe. Valeur par défaut = 100 px.
   Type de troncation	Spécifiez où tronquer les étiquettes longues avec des 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.

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 le système de base). Lorsque vous sélectionnez une table, vous pouvez la filtrer par conditions.

     Les sources des rapports configurées apparaissent 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 prévisualisation de la liste des enregistrements qui sont inclus dans la visualisation. Vous pouvez modifier les champs affichés sous forme de colonnes et la largeur des colonnes dans les actions de liste.
     
     
   • (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 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 :

   • Selon le type de visualisation, vous pouvez choisir plusieurs sources de données. Toutefois, toutes les sources de données doivent être du même type.
   • Vous pouvez choisir d’ajouter une source de données manuellement dans JSON. Cependant, cette méthode ne s’adresse qu’aux experts.
6. Sélectionnez les options pour votre source de données.
   • Si votre visualisation représente des données de table, reportez-vous à Options de données de table pour les visualisations de barres horizontales et verticales.
   • Si votre visualisation représente des données d’indicateur, reportez-vous à Options des données de l’indicateur pour les visualisations de barres horizontales et verticales.
   • Si votre visualisation représente Analyse de l'expérience utilisateur des données, reportez-vous à Analyse de l'expérience utilisateur Options de données pour les visualisations de barres.
7. Sous Présentation, fournissez des informations sur l’affichage et les couleurs.
   Remarque :

   Pour les visualisations de barres horizontales, l’axe X est le principal. Pour les visualisations de 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 avec des données de graphiques ainsi que des graphiques pour faciliter l'accès au lecteur de l'é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 de barres horizontales, l’axe X est primaire. Sur les visualisations de barres verticales, l’axe Y est primaire.)
   Masquer l'axe	Option pour masquer l’axe primaire.
   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 Droite Cette propriété s’applique uniquement lorsque Masquer l’axe est défini sur faux. S’il existe plusieurs axes primaires, tels que plusieurs axes Y sur une visualisation de barre verticale, vous pouvez définir chaque position d’axe séparément.
   Afficher la grille	Affiche une grille de lignes fines perpendiculaires à l’axe primaire, afin d’aligner les valeurs sur cet axe.
   Style de l'axe	Style de l’axe primaire. 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 primaire.
   É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 de début 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 : ci-dessus, 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 qui est 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 seconde 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 affichées. Couleur/couleurs par mesure : sélectionnez une seule couleur dans le champ de 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 seule couleur pour chaque mesure. Vous pouvez également ajouter une règle pour définir une couleur dynamique. Pour plus d'informations, consultez Créer des règles de coloriage pour les visualisations de données. Couleur d’élément fixe : utilisez une couleur spécifique de la table 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, comme 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 vous ne renseignez pas plus d’une source de données ou mesure et si un groupe par est défini.

8. Sous Interaction du graphique, définissez ce qui se passe si quelque chose se produit lorsqu’un spectateur clique sur un graphique ou un segment de graphique sur la visualisation.

   Champ	Description
   Autoriser l'interaction du graphique	Activez l’événement lorsqu’un utilisateur clique dans un graphique ou l’un de ses segments.
   Action	Choisissez l’événement qui se produit lorsqu’un utilisateur clique sur un graphique ou 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 du 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 la vue des enregistrements dans une liste d’interface utilisateur principale ou Détails des KPI pertinent pour le segment ou la visualisation associé. Les enregistrements ne s’ouvrent pas dans les listes incorporées de l’espace de travail. Non pris en charge pour Analyse de l'expérience utilisateur les 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. Explorer jusqu’au graphique (Concepteur de visualisation uniquement) Ouvre une visualisation de données différente filtrée par les 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. Explorer jusqu’à Ce graphique ne prend en charge que 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 Visualisation des données.

Que faire ensuite

• Ajouter une visualisation à un tableau de bord à partir de Concepteur de visualisation
• Partager une visualisation de données dans le Concepteur de visualisation
• Placer un signet sur une visualisation dans le Concepteur de visualisation

• Options de données de table pour les visualisations de barres horizontales et verticales
  Lorsque vous sélectionnez une source de données de table pour une visualisation de barre horizontale ou verticale, les options de configuration de données suivantes sont disponibles.
• Options des données de l’indicateur pour les visualisations de barres horizontales et verticales
  Lorsque vous sélectionnez une source de données d’indicateur pour une visualisation de barre horizontale ou verticale, les options de configuration de données suivantes sont disponibles.
• Analyse de l'expérience utilisateur Options de données pour les visualisations de barres
  Lorsque vous sélectionnez une source de Analyse de l'expérience utilisateur données pour une visualisation de barre horizontale ou verticale, les options de configuration de données suivantes sont disponibles.
• Filtres suivants par mesure
  Si vous affichez plusieurs mesures dans une visualisation de barre horizontale ou verticale, les filtres d’un tableau de bord peuvent s’appliquer uniquement à des mesures spécifiques.
• Exemples de visualisations de barres
  Les visualisations à barres vous permettent d’afficher la taille ou la fréquence comparative de différentes catégories ou groupes, par exemple, les ventes dans différentes régions ou sur différentes périodes.