Visualisations du tableau de bord

Les widgets de visualisation restituent les datasets de votre tableau de bord sous forme de graphiques. Vous pouvez choisir un type de graphique, définir ses axes et ses encodages, formater les valeurs et les étiquettes des axes, et formater le titre et la description du widget avec du texte enrichi.

Créer et configurer un graphique

Après l'ajout d'un widget de visualisation au canevas, le panneau Configuration de la visualisation apparaît sur le côté droit de l'écran. Par default, le premier dataset listé sur le tab Data est sélectionné, et le type de visualisation par default est un graphique à barres Bar .

Pour créer un graphique, utilisez les étapes suivantes :

1. **Sélectionner un dataset :** Utilisez le menu déroulant **Dataset** pour choisir le dataset pour votre visualisation.
2. **Ajouter des filtres (facultatif) :** Cliquez sur **Afficher les filtres** pour appliquer un filtre statique ou un paramètre à votre visualisation. Vous pouvez filtrer sur n'importe quel champ. Si votre dataset inclut un paramètre, une option pour l'appliquer apparaîtra également.
3. Choisissez un type de visualisation : Sélectionnez un type de visualisation dans le menu déroulant Visualisation . Pour plus de détails sur les types de visualisation disponibles et leurs configurations, consultez les types de visualisation de AI/BI dashboard.
4. Définissez les champs de l'axe des X et de l'axe des Y : Après avoir sélectionné un dataset, choisissez les champs à afficher sur l'axe des X et l'axe des Y. Vous pouvez réorganiser les champs en les faisant glisser à la position souhaitée. Pour les libellés de graphique, vous pouvez utiliser le champ du nom d’affichage pour renommer le libellé de l’axe.

remarque

Si vous utilisez Genie Code pour générer un graphique, les sélections de dataset et de visualisation s'ajustent automatiquement en fonction de votre demande. Pour des instructions pas à pas sur la création de visualisations assistées par l'IA, consultez Utiliser Genie Code pour la création de tableaux de bord.

Afficher la requête de visualisation

En mode brouillon, vous pouvez consulter la requête SQL complète qu'exécute un widget de visualisation, y compris les paramètres et les filtres actuellement appliqués. Ceci est utile pour vérifier l'exactitude des données, résoudre les problèmes de résultats inattendus ou comprendre comment les filtres et les paramètres du tableau de bord affectent la query sous-jacente.

1. Cliquez sur le menu kebab du widget de visualisation.
2. Cliquez sur Afficher la query de visualisation .

Une fenêtre modale s'affiche pour présenter la query SQL du widget de visualisation. Cette query est spécifique au widget et renvoie uniquement les données nécessaires au rendu de cette visualisation. Ce n'est pas la même chose que la query du dataset complet. La query reflète l'état actuel de tous les filtres appliqués. Si le dataset sous-jacent utilise des parameter, les valeurs des parameter ne sont pas substituées dans la query. Elles s'affichent plutôt en haut de la fenêtre modale à titre de référence.

Formater les titres et descriptions des widgets

Les titres et descriptions de widget prennent en charge le texte enrichi. Vous pouvez mettre en évidence des termes clés, Link vers une définition ou afficher la valeur actuelle d’un filtre dans l’en-tête du widget.

Cliquez sur le titre ou la description d'un widget pour start à modifier. Une barre d’outils de mise en forme s’affiche au-dessus du widget, et les deux champs vous invitent à saisir @ pour faire référence à un filtre ou à un champ.

Formater le texte

Utilisez la barre d’outils de mise en forme pour styliser le titre ou la description des manières suivantes :

• Style du texte : ajustez le style de bloc, la police, l'épaisseur de la police, la taille de la police et la couleur du texte, et appliquez un soulignement. Choisissez parmi 20 polices open source dans le menu déroulant des polices.
• Alignement : alignez le texte à gauche, au centre ou à droite.
• Insérer des Link : cliquez sur l’icône de Link pour ouvrir l’éditeur de Link. Saisissez l’URL et le texte du Link à afficher.
• Insérer des tables : cliquez sur l’icône de table pour ajouter une table.
• Effacer le formatage : supprimez tout le formatage du texte sélectionné.

Vous pouvez également saisir directement la syntaxe Markdown. Par exemple, la saisie de **Revenue** met le texte en gras. Pour modifier le Markdown sous-jacent, cliquez sur le menu kebab > Afficher le Markdown . Pour plus de détails sur la syntaxe Markdown de base, consultez le guide Markdown.

Les widgets de texte utilisent le même éditeur. Voir Widgets de texte.

remarque

Vous ne pouvez pas insérer d’images dans un titre ou une description de widget. Les images sont prises en charge dans les widgets de texte. Voir Chemins d’image et URL.

Faire référence à un filtre ou à un champ

Vous pouvez faire référence à un filtre ou à un champ dans le titre ou la description d’un widget afin que l’en-tête réagisse aux filtres du tableau de bord et aux sélections de filtrage croisé. Une référence de filtre reflète la sélection actuelle de l’observateur. Une référence de champ affiche une métrique agrégée en direct.

Par exemple :

• Pour faire référence à un filtre, saisissez Sales for @region et sélectionnez le filtre region. Le titre indique Sales for West lorsqu’un spectateur sélectionné West , et se met à jour lorsque la sélection change.
• Pour faire référence à un champ, tapez Total revenue: @ et sélectionnez le champ revenue. La référence se résout en une agrégation, telle que Total revenue: $1.2M, et se met à jour lorsqu'un utilisateur applique un filtre ou un filtre croisé.

Pour ajouter une référence :

1. Cliquez sur le titre ou la description du widget pour start la modification.
2. Tapez @ pour ouvrir la liste des filtres et champs disponibles.
3. Continuez à saisir du texte pour affiner la liste.
4. Sélectionnez un filtre ou un champ.

Lorsque vous sélectionnez un champ, une agrégation default est appliquée en fonction du type de champ. Pour modifier le champ, l’agrégation ou le format, cliquez sur la référence pour ouvrir une fenêtre contextuelle de configuration :

• Sur l’onglet Value , modifiez le champ ou sélectionnez une autre fonction d’agrégation. Les fonctions disponibles dépendent du type de champ. Pour les champs numériques, ils incluent SUM, AVG, MEDIAN, MIN, MAX, COUNT, COUNT DISTINCT, VAR, STD, PERCENTILE, FIRST et LAST.
• Sur l’onglet tab , définissez le format de nombre ou de date, y compris le type de nombre, l’abréviation, la précision, le séparateur de groupes et le signe négatif. Pour plus de détails sur le formatage des nombres, consultez Format numeric values. L’onglet tab n’est pas affiché pour les champs de texte.

Une référence de champ peut cibler n'importe quel dataset du tableau de bord, et pas seulement le dataset propre au widget, et un seul titre ou une seule description peut faire référence à plusieurs champs.

Les références présentent les limitations suivantes :

• Les widgets de filtre et de parameter ne peuvent pas faire référence à d’autres filtres. Cela permet d’éviter les références circulaires entre les filtres.
• Les références de champ sont disponibles uniquement dans les titres et descriptions des widgets de visualisation. Ils ne sont pas disponibles sur les widgets de contrôle, tels que les widgets de filtre et de parameter.
• Une référence de champ cible un champ d’un seul dataset. Les mesures inter-dataset ne sont pas prises en charge. Les tableaux de bord qui utilisent un modèle sémantique sont pris en charge.
• Si un champ référencé est renommé ou supprimé, la référence affiche (removed).

Pour en savoir plus sur le référencement des paramètres dans les widgets de texte, consultez Utiliser des paramètres dans les widgets de texte.

Où le formatage n'est pas appliqué

Les endroits suivants affichent le titre en texte brut, sans mise en forme. Ne vous fiez pas à la mise en forme pour transmettre une signification dans un titre qui apparaît aux endroits suivants :

• Titres de graphiques et références de visualisation affichés par Genie, y compris dans la fenêtre de chat, dans les agents Genie et dans Genie One
• La liste des widgets dans l'éditeur de tableau de bord
• Pièces jointes d'abonnement au tableau de bord
• Filtrer les infobulles
• Le nom de fichier d’une exportation de données download

Autre comportement de formatage

Le formatage se comporte également différemment dans les cas suivants.

Le **download** d’un widget sous forme d’image préserve le style du texte.

Lorsqu’un widget ne fait qu’une ligne de hauteur et affiche son titre, la description apparaît dans une info-bulle derrière une icône d’information au lieu d’être à côté du titre. Pour afficher la description en ligne, augmentez la hauteur du widget ou masquez le titre.

Appliquer la mise en forme du graphique

Les graphiques incluent des options de formatage personnalisables pour les axes, les couleurs, les étiquettes et les info-bulles. Les options de mise en forme varient selon le type de graphique et les valeurs du dataset.

La capture d'écran suivante met en évidence les menus kebab utilisés pour formater les axes x et y.

Paramètres de l'axe de format

Pour mettre en forme l'axe des x ou l'axe des y, utilisez le menu kebab dans la section respective **Axe X** ou **Axe Y** du panneau d'édition de la visualisation.

Configurez les paramètres suivants :

• Afficher le titre de l'axe : Activé par default. Saisissez un titre personnalisé ou décochez la case pour masquer le titre de l'axe.
• Afficher les valeurs des axes : Activé par default. Décochez la case pour masquer les valeurs des axes.

Selon le type de données représentées, des contrôles supplémentaires apparaissent.

Pour les données numériques :

• Plage de l’axe : sélectionnez le mode de détermination de la plage de l’axe :

  • default : utilisez une plage automatique. Sur un graphique à facettes, tous les sous-graphiques partagent une plage unique afin d'être directement comparables.
  • Par facette : sur un graphique à facettes, ajustez l'axe aux données propres de chaque sous-graphique. Cela n'a aucun effet lorsque le graphique ne comporte pas de facettes. Voir Facettage.
  • Personnalisé : Définir des valeurs Minimales et Maximales fixes pour l’axe.

• Inverser l'axe : Sélectionnez Inverser l'axe pour afficher les valeurs de l'axe dans l'ordre décroissant.

• Fonction d'échelle : choisissez Linéaire ou Log (symétrique) .

• Cliquez sur Format pour afficher des options de formatage supplémentaires. Auto formate automatiquement votre graphique et est sélectionné par default. Cliquez sur Custom pour voir des options de formatage supplémentaires. Voir Formatage des valeurs numériques.

Pour les données catégorielles :

• Angle de l'étiquette : choisissez l'angle d'application des étiquettes. Auto est sélectionné par default.
• Trier : choisissez comment trier les valeurs catégorielles sur l'axe :

  • Alphabétique : Triez les noms de catégories par ordre alphabétique.

  • Par champ : trier par valeur de champ de mesure par ordre croissant ou décroissant. Après avoir sélectionné le sens de tri, choisissez le champ à utiliser :

    • Axe Y : trier par le champ de mesure affiché sur l'axe Y
    • Champ : Triez par n'importe quel autre champ de mesure dans le dataset, même s'il n'est pas affiché sur le graphique. Sélectionnez le champ dans la liste déroulante et choisissez l'agrégation (SUM, MIN, MAX ou COUNT). C'est utile pour classer les catégories par métriques qui fournissent un contexte sans surcharger la visualisation.

  • Personnalisé : Organisez les valeurs dans un ordre spécifique. Survolez une valeur et utilisez la poignée de saisie pour la faire glisser en position.

remarque

Si l'une des options listées est indisponible, elle ne peut pas être appliquée au type de graphique sélectionné.

Mettre en forme les valeurs numériques

Vous pouvez formater les nombres pour les étiquettes de graduation des axes, les étiquettes de données et les info-bulles. Pour accéder aux options de formatage :

1. Cliquez sur le menu kebab à côté de l'axe X ou de l'axe Y dans le panneau de configuration du graphique.
2. Cliquez sur Format et choisissez parmi les options suivantes :

• Type : Aucun, Devise ( $ ), Pourcentage ( % )
• Abréviation : Aucune, Compact, Scientifique
• Décimales : maximum, exact, toutes ou un nombre personnalisé de décimales
• Séparateur de groupe : incluez éventuellement une virgule ou un autre séparateur.
• Signe négatif : choisissez comment les nombres négatifs sont affichés. Sélectionnez -123,45 (default) pour un signe moins standard, ou sélectionnez (123,45) pour utiliser des parenthèses de style comptable.

remarque

Différents formats de devise sont disponibles. Après avoir sélectionné Devise , choisissez votre option préférée dans le menu déroulant.

Personnaliser les éléments de graphique

Vous pouvez formater les légendes de graphiques, les couleurs, les formes de marqueurs, les motifs de lignes, les infobulles et les étiquettes de valeurs.

Couleurs des graphiques

Pour modifier les couleurs du graphique :

1. Cliquez sur une couleur dans le graphique pour ouvrir le sélecteur de couleurs.
2. Saisissez une valeur HEX ou RGB pour une couleur exacte.
3. Cliquez sur le menu kebab dans la section Couleur pour ajuster l'opacité de toutes les couleurs.

Cohérence des couleurs entre les widgets

Lorsqu'un graphique utilise des couleurs basées sur un champ catégoriel, les tableaux de bord utilisent automatiquement la même couleur pour la même valeur dans chaque widget du tableau de bord. Par exemple, si un graphique affiche Australia dans une couleur, tous les autres graphiques du tableau de bord qui utilisent la même couleur pour ce champ affichent Australia dans cette couleur.

Les widgets partagent les couleurs uniquement lorsqu'ils utilisent la même couleur pour le même champ provenant du même dataset. Un champ portant le même nom provenant d'un dataset différent conserve ses propres couleurs. La cohérence des couleurs est limitée à un seul tableau de bord ; les couleurs ne sont donc pas conservées d’un tableau de bord à l’autre. Ceci s’applique à Color by field et ne s’applique pas à Color by series .

Pour utiliser une couleur spécifique pour une valeur, définissez-la dans le sélecteur de couleur. Une couleur que vous définissez manuellement l'emporte sur l'attribution automatique.

Pour définir la couleur automatique d'une valeur sur l'ensemble du tableau de bord (plutôt que sur un widget à la fois), utilisez les mappages de couleurs dans les paramètres de thème du tableau de bord. Voir Créer ou mettre à jour le thème du Workspace.

Légende

Cliquez sur le menu kebab dans la section Couleur pour afficher les options permettant de modifier la visibilité, le titre ou la position de la légende du graphique. Les options suivantes sont disponibles :

• Afficher la légende : Utilisez la case à cocher pour afficher ou masquer la légende.
• Afficher le titre de la légende : Utilisez la case à cocher pour afficher ou masquer le titre de la légende. Lorsque le titre est visible, vous pouvez saisir du texte pour remplacer la valeur default, qui est le nom de la colonne.
• Position de la légende : utilisez le menu déroulant pour ajuster le placement de la légende dans le widget de visualisation. Les légendes peuvent être positionnées en haut, en bas, à gauche ou à droite de la visualisation.

Infobulles

Les infobulles affichent des mesures précises des données sous le pointeur. By default, ils affichent les valeurs des axes x et y, ainsi que tout champ de couleur/regroupement. Pour ajouter d'autres champs à une infobulle :

1. Cliquez sur l’icône plus dans la section Tooltip de l’éditeur de visualisation.
2. Utilisez le menu déroulant pour sélectionner des champs supplémentaires, ou utilisez la zone de saisie de texte pour rechercher par nom.

remarque

Si la section Info-bulle n'est pas présente dans l'éditeur de visualisation, ce type de graphique ne prend pas en charge la personnalisation des info-bulles.

Libellés de valeur

Utilisez le bouton bascule pour activer ou désactiver les étiquettes de données. Lorsque cette option est activée, vous pouvez choisir comment les étiquettes s'affichent :

• Auto : Affiche les valeurs de l'axe y sous forme d'étiquettes.
• Champ : sélectionnez un champ spécifique à afficher comme étiquettes. Vous pouvez appliquer une transformation (telle que SUM ou AVG) et choisir des options de formatage pour le champ sélectionné.

Les valeurs nulles ne sont pas affichées comme étiquettes sur le graphique. Vous pouvez utiliser la logique conditionnelle pour afficher sélectivement les étiquettes.

La query suivante crée un dataset où les étiquettes n'apparaissent que pour des points de données spécifiques :

SQL

SELECT
  *,
  CASE
    WHEN pickup_zip = 10009 THEN fare_amount
    ELSE NULL
  END AS custom_label
FROM
  samples.nyctaxi.trips

Lorsque vous utilisez custom_label comme champ d’étiquette de valeur, seuls les points de données où pickup_zip = 10009 affichent les étiquettes montrant le fare_amount. Tous les autres points de données avec des valeurs nulles apparaissent sur le graphique sans étiquette.

Paramètres de taille

Le paramètre Taille contrôle les dimensions visuelles pour les graphiques linéaires, les nuages de points, les graphiques à bulles et les cartes ponctuelles. Son utilisation dépend du type de graphique :

Courbes :

• Si aucune série n'est spécifiée dans la zone Size , le curseur modifie uniformément l'épaisseur de toutes les lignes.
• Si des séries sont spécifiées dans la zone Taille , vous pouvez définir différentes valeurs d'épaisseur pour chaque série.

Nuages de points et graphiques à bulles :

• Ajoutez un champ au paramètre Taille pour faire varier la taille du marqueur de point en fonction d'une métrique.
• Lorsque la taille est basée sur un champ de données, le graphique devient un nuage de bulles où la taille de chaque point reflète la valeur de la métrique.

Cartes de points : utilisez le paramètre Taille pour faire varier la taille des marqueurs de carte en fonction d'un champ quantitatif, en affichant l'amplitude à différents emplacements géographiques.

Marqueur

Sur les graphiques linéaires, le paramètre Marker dessine un marqueur à chaque point de données le long d'une ligne. Cliquez sur l'échantillon de marqueur pour définir une forme unique pour chaque point, ou cliquez sur l'icône plus dans la section Marker pour varier la forme du marqueur par champ catégoriel, tel qu'une forme différente pour chaque série. Les formes disponibles incluent un cercle, un carré, un losange, une croix, un X, une étoile et des triangles.

Le paramètre Marker s'applique uniquement aux graphiques linéaires. Sur les nuages de points, utilisez plutôt le paramètre Shape .

Forme

Sur les nuages de points, le paramètre Shape contrôle la forme de chaque point. Cliquez sur l’échantillon de forme pour définir une forme unique pour chaque point, ou cliquez sur l’icône plus dans la section Shape pour faire varier la forme en fonction d’un champ catégoriel, tel qu’une forme différente pour chaque catégorie. Les formes disponibles comprennent un cercle, un carré, un losange, une croix, un X, une étoile et des triangles.

Le paramètre Shape s’applique uniquement aux nuages de points. Sur les graphiques linéaires, utilisez plutôt le paramètre Marker .

Modèle

Sur les graphiques en courbes et combinés, le paramètre Pattern contrôle le style de tiret de chaque ligne. Cliquez sur l'icône plus dans la section Pattern pour choisir un champ catégoriel qui modifie le style de tiret de chaque ligne, tel qu'une ligne continue pour une série et une ligne en tirets pour une autre. Les styles disponibles sont solid (continu), dashed (en tirets) et dotted (en points).

Les paramètres Marker et Shape ne sont pas disponibles sur les graphiques combinés ou les graphiques qui représentent plusieurs mesures. Sur ces graphiques, utilisez le paramètre Pattern pour distinguer les séries de lignes.

Lignes de grille

Les graphiques prennent en charge l'activation et la désactivation des lignes de grille pour améliorer la lisibilité. Les quadrillages apparaissent default sur les types de graphiques pris en charge et aident les utilisateurs à interpréter les points de données en fournissant des lignes de référence visuelles alignées avec les valeurs d'axe.

Pour activer/désactiver les lignes de grille :

1. Dans le panneau de configuration de la visualisation, recherchez les options de la grille.
2. Utilisez le curseur pour afficher ou masquer les lignes de la grille du graphique.

Les lignes de la grille s'ajustent automatiquement en fonction de vos couleurs d'arrière-plan personnalisées et des paramètres de formatage des axes.

Annotations

Les annotations sont des lignes de référence horizontales ou verticales que vous pouvez ajouter aux graphiques pour suivre les threshold, les objectifs ou les points de référence. Les lignes d’annotation peuvent être une valeur constante fixe ou être déterminées par vos données, telles qu’une moyenne ou une mesure spécifique.

Les types de graphiques suivants prennent en charge les annotations :

• Constante et personnalisée : Zone, Barre, Boîte, Combo, Carte thermique, Histogramme, Ligne, Nuage de points et Cascade
• **Agréger** : Zone, barre, boîte, ligne et nuage de points uniquement. Non disponible sur les graphiques avec un Layout 100 % empilé.

Pour ajouter une annotation :

1. Dans le panneau de configuration de la visualisation, localisez la section Annotation .

2. Cliquez sur l'icône plus pour ajouter une nouvelle annotation.

3. Sélectionnez l'orientation de la ligne :

   • Horizontal : Dessine une ligne parallèle à l'axe des x à une valeur spécifiée de l'axe des y.
   • Verticale : Trace une ligne parallèle à l'axe y à une valeur spécifiée de l'axe x.

4. Sélectionnez le type d'annotation et configurez-le :

   • Constante : Saisissez une valeur fixe là où la ligne doit apparaître.
   • Agréger Y (horizontal) / Agréger X (vertical) : Sélectionnez une agrégation ( Moy , Min ou Max ). La position de la ligne est calculée comme une agrégation sur les données du graphique sous-jacent.
   • Custom : sélectionnez un champ ou une mesure de votre dataset. La position de la ligne est calculée dans une query distincte. Si vous sélectionnez un champ agrégé, une seule ligne est tracée. Si vous sélectionnez un champ non agrégé, une ligne est tracée par ligne retournée.

5. (Facultatif) Saisissez un libellé. Le libellé apparaît sur le graphique à côté de la ligne.

6. (Facultatif) Cliquez sur le sélecteur de couleurs pour personnaliser la couleur de la ligne.

Vous pouvez ajouter plusieurs annotations à un seul graphique pour suivre différents seuils ou points de référence.

Générer une prévision

Utilisez AI Forecast (Public Preview) pour appliquer des prévisions prédictives aux graphiques linéaires afin de visualiser les tendances et les modèles futurs. Votre graphique en courbes doit comporter un champ de date temporel sur l'axe X et un champ numérique unique sur l'axe Y.

Pour créer un graphique avec prévision par IA :

• Une fois votre courbe sélectionnée, cliquez sur l'icône plus à droite de **Forecast**.
• Cliquez sur Cloner avec AI Forecast dans la boîte de dialogue qui s'affiche. Un nouveau graphique en courbes est créé avec la prévision appliquée.

Pour en savoir plus sur la fonction qui génère les prévisions, consultez la fonctionai_forecast.

Facettisation

Ajoutez une dimension à l’encodage Facette pour répéter un graphique pour toutes les valeurs de cette dimension, ce que l’on appelle également des graphiques en treillis ou des petits multiples. By default, les sous-graphiques partagent une même plage pour chaque axe continu afin d’être directement comparables. Pour ajouter des facettes :

1. Cliquez sur l'icône plus dans la section Facet de l'éditeur de visualisation.
2. Utilisez le menu déroulant pour sélectionner un champ de dimension.

Dans le menu kebab à côté de Facet , vous pouvez éventuellement définir le nombre de lignes et de colonnes dans la grille sous-jacente. Les valeurs qui débordent de la grille défilent sur le graphique.

Pour monter en charge un axe numérique selon les données propres de chaque sous-graphique au lieu de partager une seule plage, définissez son Axis range sur Per facet . Les axes des facettes catégoriques affichent toujours les catégories propres de chaque sous-graphique. Consultez la page Format axis settings.

**Valeurs de configuration** : Pour cet exemple, les valeurs suivantes ont été définies :

• dataset: samples.bakehouse.sales_transactions

• Axe X :

  • Champ : dateTime
  • Transformer : Daily

• Axe Y :

  • Champ : COUNT(*)

• Facette :

  • Champ : product

Autres types de visualisation

Pour en savoir plus sur l'utilisation des visualisations de tableau, consultez Visualisations de tableau et de tableau croisé dynamique.

Pour en savoir plus sur l'utilisation des visualisations cartographiques, consultez Visualisations cartographiques.