Options du graphique "KPI (valeur unique)"

Les graphiques KPI (valeur unique) mettent en évidence les métriques de performances clés, telles que le revenu total, les utilisateurs actifs ou les taux de conversion, pour fournir un aperçu immédiat des performances de l'entreprise. En combinant une métrique principale proéminente avec des éléments contextuels tels que des graphiques sparkline, des barres de progression et des comparaisons de valeurs, les graphiques de KPI vous aident à identifier rapidement les tendances, à évaluer la progression vers les objectifs et à créer des tableaux de bord et des explorations faciles à parcourir. Cette page explique comment utiliser et personnaliser les graphiques de KPI (valeur unique) dans Looker.

Une visualisation de KPI avec une barre de progression et un graphique sparkline qui compare le nombre de premiers achats au nombre total de commandes.

Bon à savoir

Lorsque plusieurs visualisations à valeur unique apparaissent sur un tableau de bord, chaque visualisation utilise par défaut la même taille de police pour une apparence cohérente. Toutefois, les visualisations à valeur unique redimensionnent automatiquement les polices lorsque la taille d'une vignette est réduite. Si la police d'une visualisation ne peut pas afficher la valeur entière dans l'espace disponible, la valeur est tronquée par des points de suspension (...).

Si la fonctionnalité de taille de texte intelligente pour les valeurs uniques est activée, les polices affichées sur les visualisations de valeurs uniques dans les vignettes du tableau de bord sont automatiquement redimensionnées pour afficher au moins 8 à 10 caractères de valeur dans la vignette, quelle que soit sa taille.

Options du graphique KPI (valeur unique)

Pour utiliser une visualisation KPI (valeur unique), sélectionnez l'option KPI (valeur unique) dans le menu Sélectionner un graphique ou Modifier le graphique de l'exploration. Ensuite, sélectionnez l'onglet Style dans le panneau Configurer pour modifier votre graphique.

Vous pouvez effectuer des sélections dans les menus Style, Comparaison et Mise en forme pour personnaliser l'apparence de la visualisation KPI (valeur unique).

Options du menu Style

Le menu Style comprend les options suivantes.

Collection de couleurs

Choisissez une collection de couleurs dans le menu Collection de couleurs. Une collection vous permet de créer des visualisations et des tableaux de bord thématiques qui s'accordent bien. Vous pouvez voir toutes les palettes de chacune des collections de couleurs intégrées de Looker sur la page de documentation Collections de couleurs. Votre administrateur Looker peut également créer une collection de couleurs personnalisée pour votre organisation.

Valeur principale

Les paramètres de cette section vous permettent de choisir la valeur principale de la visualisation "KPI (valeur unique)", y compris les suivantes :

  • Série principale : choisissez une mesure de l'exploration à définir comme série principale. La valeur de la mesure sera la valeur de comparaison lorsque le paramètre Afficher la comparaison du menu Comparaison est activé.
  • Ligne principale : spécifiez la valeur d'une ligne de la série principale à afficher. Les options sont 1st (1er), 2nd (2e), Last (Dernier) et Total (lorsque les totaux sont activés). 1st est sélectionné par défaut.
  • Alignement : choisissez une option d'alignement pour les valeurs de la visualisation. Les options sont Gauche, Centré et Droite. Ce paramètre s'applique à toutes les valeurs de la visualisation.

Couleur de la valeur

Pour définir la couleur de la valeur du graphique, cliquez sur l'échantillon de couleur dans la section Couleur de la valeur afin d'ouvrir le menu du sélecteur de couleur.

  • Pour choisir une couleur dans une palette, cliquez sur l'onglet Palettes du menu du sélecteur de couleur, puis utilisez les flèches vers la gauche et vers la droite pour faire défiler les palettes disponibles. Sélectionnez une couleur en cliquant dessus dans l'une des palettes.
  • Pour sélectionner une couleur personnalisée, cliquez sur l'onglet Personnalisé du sélecteur de palette, puis utilisez le dégradé de couleurs et le curseur de valeur pour choisir une couleur personnalisée, ou saisissez une chaîne hexadécimale RVB (par exemple, #2ca6cd) ou un nom de couleur CSS (par exemple, mediumblue) dans le champ de saisie.

Looker utilisera la couleur sélectionnée pour les visualisations à valeur unique, avec ou sans liens hypertextes.

En fonction de vos besoins, envisagez d'utiliser les techniques alternatives suivantes :

  • Modifiez la couleur de la police pour différencier les bons et les mauvais résultats : activez le paramètre Afficher la comparaison dans le menu Comparaison, puis sélectionnez l'option Afficher sous forme de variation.
  • Modifier la couleur de police de la valeur d'un champ spécifique partout, y compris dans le volet Données de l'exploration : un développeur LookML peut ajouter un paramètre html à la définition du champ.

Format de valeur

Vous pouvez spécifier le format de la valeur, indépendamment de la dimension ou de la mesure sous-jacente. Le champ accepte la mise en forme de style Excel. Si aucune mise en forme n'est spécifiée, la valeur s'affiche dans le format de la dimension ou de la mesure sous-jacente.

Le guide complet de MS Excel explique comment spécifier ces formats dans sa documentation. Cependant, la mise en forme des couleurs n'est pas prise en charge dans Looker pour le moment.

La page de documentation Ajout d'une mise en forme personnalisée à des champs numériques fournit plus d'informations sur l'utilisation de la mise en forme personnalisée.

Valeur de redimensionnement automatique

L'activation de l'option Redimensionner automatiquement la valeur redimensionne automatiquement la police de la visualisation de valeur unique affichée dans les vignettes du tableau de bord. Les polices sont redimensionnées pour afficher au moins 8 à 10 caractères de valeur dans une vignette. Si les caractères de la visualisation dépassent horizontalement ou verticalement à une taille donnée, la taille de la police diminue progressivement. La taille de police minimale autorisée est de 14 pixels. Une fois la taille de police minimale atteinte, les caractères qui dépassent sont tronqués et remplacés par des points de suspension (...). La taille de police maximale autorisée est de 104 pixels.

Lorsque vous utilisez cette fonctionnalité, les vignettes à valeur unique des tableaux de bord peuvent sembler moins cohérentes, mais davantage de caractères s'afficheront sur les vignettes plus petites.

Ce paramètre n'a aucun effet si le paramètre Taille du texte de valeur unique intelligente est activé sur la page Admin > Paramètres généraux. Pour utiliser ce contrôle par visualisation, le paramètre au niveau de l'administrateur doit être désactivé.

Afficher le titre

Vous pouvez déterminer si un titre s'affiche sur le graphique. Pour un Look enregistré, le titre par défaut est le nom du Look. Vous pouvez également spécifier un autre titre à l'aide du champ Remplacement du titre.

Remplacement du titre

Vous pouvez spécifier un titre à afficher avec la valeur. Ce champ est disponible lorsque l'option Afficher le titre est activée. Pour un Look enregistré, si ce champ est laissé vide, le titre est défini par défaut sur le nom du Look enregistré.

Afficher le graphique miniature

Activez le paramètre Afficher le graphique sparkline pour afficher une visualisation secondaire qui montre l'évolution de la valeur des données. Lorsque ce paramètre est activé, vous pouvez personnaliser la visualisation secondaire avec les paramètres suivants :

  • Type de graphique : choisissez un graphique en aires ou un graphique à colonnes comme visualisation secondaire.
  • Couleur du graphique : choisissez une couleur pour la visualisation secondaire, comme pour le paramètre Couleur de la valeur.
  • Axe X visible : activez ce paramètre pour afficher les valeurs de l'axe X pour le graphique secondaire.
  • Afficher l'info-bulle du graphique sparkline : activez ce paramètre pour que des info-bulles s'affichent lorsque les utilisateurs pointent sur un point de données dans le graphique sparkline.

Info-bulle personnalisée

Vous pouvez cliquer sur le bouton Info-bulle personnalisée pour configurer une info-bulle personnalisée pour la valeur principale. Vous pouvez configurer l'info-bulle personnalisée dans l'éditeur de visualisation d'exploration en combinant les paramètres de l'interface utilisateur et un éditeur HTML compatible avec les modèles Liquid. En savoir plus sur les info-bulles personnalisées

Options du menu de comparaison

Le menu Comparaison comprend les options suivantes.

Afficher la comparaison

Vous pouvez activer le paramètre Afficher la comparaison pour ajouter des informations de comparaison d'un deuxième champ à votre visualisation de KPI (valeur unique). Lorsque le paramètre Afficher la comparaison est activé, vous pouvez utiliser les options de style qui s'affichent dans le menu Comparaison.

Série de comparaison

La série de comparaison apparaît sous la série principale dans la visualisation. Les paramètres de cette section vous permettent de choisir la valeur secondaire à comparer, y compris les suivantes :

  • Série de comparaison : choisissez une mesure dans l'exploration à définir comme série de comparaison. La valeur de la mesure sélectionnée sera celle qui sera comparée à la valeur principale.
  • Ligne de comparaison : spécifiez la valeur d'une ligne de la série de comparaison à afficher. Les options sont 1st (1er), 2nd (2e), Last (Dernier) et Total (lorsque les totaux sont activés). 1st est sélectionné par défaut.
  • Libellés des valeurs : vous pouvez spécifier comment la série de comparaison est utilisée dans la visualisation. Les options sont les suivantes :
    • Afficher en tant que valeur : la valeur de la série de comparaison s'affiche.
    • Afficher comme variation : la valeur de la comparaison s'affiche, avec une mise en forme conditionnelle pour indiquer le type de variation par rapport à la série principale. Si la variation de la valeur est négative, un triangle pointe vers le bas. Si la variation de la valeur est positive, le triangle pointe vers le haut. Par défaut, un nombre négatif s'affiche en rouge avec un triangle rouge, et un nombre positif s'affiche en vert avec un triangle vert. Vous pouvez inverser ces couleurs en activant le paramètre Les valeurs positives sont incorrectes.
    • Afficher en tant que variation en pourcentage : la valeur de la série de comparaison est affichée avec la variation en pourcentage par rapport à la série principale, avec une mise en forme conditionnelle qui indique le type de variation. Si la variation de la valeur en pourcentage est négative, un triangle pointe vers le bas. Si la variation de la valeur en pourcentage est positive, le triangle pointe vers le haut. Par défaut, un pourcentage négatif s'affiche en rouge avec un triangle rouge, et un pourcentage positif s'affiche en vert avec un triangle vert. Vous pouvez inverser ces couleurs en activant le paramètre Les valeurs positives sont incorrectes.
    • Calculer la progression : la valeur du champ principal est divisée par la valeur du champ de comparaison, et le pourcentage s'affiche sous la forme d'une barre de progression.
    • Calculer la progression (avec pourcentage) : la valeur du champ principal est divisée par la valeur du champ de comparaison. Le pourcentage s'affiche sous la forme d'une barre de progression accompagnée du pourcentage et de la valeur du champ de comparaison, par exemple "83 % de 347,8 k $". Si le paramètre Afficher l'étiquette est activé, la barre de progression affiche également l'étiquette du champ de comparaison, par exemple "83 % de l'objectif mensuel de 347,8 k $".
  • Largeur de la barre de progression : vous pouvez spécifier la largeur de la barre de progression dans le graphique. Les options sont Pleine largeur ou Compact.
  • Couleur de la barre de progression : vous pouvez personnaliser la couleur de la barre de progression à l'aide des paramètres suivants :
    • Pour choisir une couleur dans une palette, cliquez sur l'onglet Palettes du menu du sélecteur de couleur, puis utilisez les flèches vers la gauche et vers la droite pour faire défiler les palettes disponibles. Sélectionnez une couleur en cliquant dessus dans l'une des palettes.
    • Pour sélectionner une couleur personnalisée, cliquez sur l'onglet Personnalisé du sélecteur de palette, puis utilisez le dégradé de couleurs et le curseur de valeur pour choisir une couleur personnalisée, ou saisissez une chaîne hexadécimale RVB (par exemple, #2ca6cd) ou un nom de couleur CSS (par exemple, mediumblue) dans le champ de saisie.
  • Afficher l'étiquette : activez ce paramètre pour afficher une étiquette pour le champ de comparaison. Par défaut, le libellé est le nom du champ de comparaison. Si vous souhaitez afficher un autre libellé, saisissez-en un nouveau dans le champ Libellé.

Format de valeur

Vous pouvez spécifier le format de la valeur, indépendamment de la dimension ou de la mesure sous-jacente. Le champ accepte la mise en forme de style Excel. Si aucune mise en forme n'est spécifiée, la valeur s'affiche dans le format de la dimension ou de la mesure sous-jacente.

Le guide complet de MS Excel explique comment spécifier ces formats dans sa documentation. Cependant, la mise en forme des couleurs n'est pas prise en charge dans Looker pour le moment.

La page de documentation Ajout d'une mise en forme personnalisée à des champs numériques fournit plus d'informations sur l'utilisation de la mise en forme personnalisée.

Options du menu de mise en forme

Activez l'option Activer la mise en forme conditionnelle pour définir des règles qui appliquent un code couleur à votre visualisation en spécifiant les valeurs qui vous intéressent.

Collection de couleurs

Une collection vous permet de créer des visualisations et des tableaux de bord thématiques qui s'accordent bien. Toutes les collections de couleurs intégrées de Looker sont présentées sur la page de documentation Collections de couleurs. Votre administrateur Looker peut également créer une collection de couleurs personnalisée pour votre organisation.

Vous pouvez choisir une collection de couleurs dans le menu Collection de couleurs. Les palettes qui s'affichent pour les sélecteurs de couleurs de chaque règle proviennent de cette collection.

Inclure les valeurs nulles comme zéro

Activez le paramètre Inclure les valeurs nulles comme zéro pour que Looker traite les valeurs nulles comme des zéros. Inclure les valeurs nulles en tant que zéro permet d'éliminer les erreurs mathématiques dans les calculs, d'éviter les écarts dans vos visualisations et de garantir une agrégation précise des métriques.

Plusieurs règles

Vous pouvez définir plusieurs règles de mise en forme conditionnelle. Pour ajouter une règle, procédez comme suit :

  1. Pour ajouter une règle, cliquez sur Ajouter une règle.
  2. Si vous avez plusieurs règles, celles qui se trouvent en haut de la liste sont prioritaires par rapport à celles qui se trouvent en bas. Pour modifier la priorité d'une règle, cliquez sur la poignée de déplacement  de la règle, puis faites-la glisser vers le haut ou vers le bas de la liste.
  3. Pour supprimer une règle, cliquez sur Supprimer la règle.

Format

Pour chaque règle, utilisez les options du menu Format pour sélectionner l'une des options de règle suivantes :

  • entre
  • égal à
  • supérieure à
  • moins de
  • not between
  • not equal to
  • not null
  • null

Ensuite, saisissez les valeurs de comparaison dans les champs de texte qui s'affichent, en fonction de votre sélection. Lorsque vous saisissez des valeurs dans la règle, n'utilisez pas de séparateurs de milliers.

Styles

Cliquez sur les échantillons de couleur à côté de Couleur d'arrière-plan ou Couleur de police pour ouvrir le menu du sélecteur de couleur, qui vous permet de choisir ou de personnaliser une couleur :

  • Pour choisir une couleur dans une palette, cliquez sur l'onglet Palettes du menu du sélecteur de couleur, puis utilisez les flèches vers la gauche et vers la droite pour faire défiler les palettes disponibles. Sélectionnez une couleur en cliquant dessus dans l'une des palettes.
  • Pour sélectionner une couleur personnalisée, cliquez sur l'onglet Personnalisé du sélecteur de palette, puis utilisez le dégradé de couleurs et le curseur de valeur pour choisir une couleur personnalisée, ou saisissez une chaîne hexadécimale RVB (par exemple, #2ca6cd) ou un nom de couleur CSS (par exemple, mediumblue) dans le champ de saisie.

Maintenant que vous savez comment créer une visualisation de KPI (valeur unique) dans Looker, vous pouvez apprendre à effectuer les opérations suivantes :