Les graphiques d'entonnoir sont utiles pour comprendre les événements dans un processus séquentiel, comme les étapes d'un prospect dans un pipeline de vente, l'engagement avec une campagne marketing ou le mouvement des visiteurs sur un site Web.
Les graphiques d'entonnoir sont souvent plus efficaces lorsque la première étape du processus est la plus importante (par exemple, 100%) et que chaque étape progressive diminue à partir de cette étape. Les graphiques d'entonnoir affichent la valeur de chaque catégorie en faisant varier la hauteur de chaque barre. les plus grandes valeurs ont des barres plus grandes tandis que les valeurs plus petites ont des barres plus courtes.
Créer un graphique en entonnoir
Un graphique d'entonnoir comprend un ensemble unique de chiffres et un ensemble unique de libellés, que vous pouvez orienter:
- verticalement, en utilisant une ou plusieurs dimensions (étiquettes) et une mesure (chiffres) ;
- Horizontalement, en utilisant une seule ligne avec plusieurs mesures (chiffres) et des en-têtes de colonnes (libellés)
Le graphique peut fonctionner avec des données croisées ou non.
Si vous utilisez plusieurs colonnes de mesure (plusieurs mesures ou une mesure pivotée) avec plusieurs lignes de données, le graphique en entonnoir vérifie la première ligne et la première colonne, puis affiche celle qui produit le plus de points de données. Toutefois, vous pouvez utiliser le paramètre Orientation pour modifier la façon dont l'entonnoir lit le tableau de données et inverser les axes.
Les graphiques d'entonnoir peuvent représenter 50 barres au maximum. Si vos données contiennent plus de 50 lignes ou 50 colonnes, utilisez l'option Limite de lignes ou Limite de colonnes pour limiter le nombre de lignes à 50 ou moins.
Pour utiliser une visualisation en entonnoir, sélectionnez les points de suspension (...) dans la barre Visualisation de l'exploration, puis choisissez Entonnoir. Sélectionnez ensuite l'option Modifier dans la barre de visualisation pour modifier votre graphique.
Les options peuvent être grisées ou masquées lorsqu'elles entrent en conflit avec d'autres paramètres que vous avez choisis.
Options des barres de données
Plusieurs options de la barre Données peuvent affecter à la fois votre visualisation et le tableau de données.
Sous-totaux
Si votre tableau de données contient au moins deux dimensions, la case Sous-totaux apparaît dans la barre Données. Les sous-totaux ne sont actuellement activés que pour les visualisations de tables. la case à cocher n'est pas fonctionnelle pour les autres types de visualisation.
Nombre total de lignes
Si votre graphique contient des tableaux croisés dynamiques, vous pouvez y ajouter des totaux de lignes en cochant la case Nombre total de lignes dans la barre Données. Consultez la page de documentation Explorer les données dans Looker pour en savoir plus, y compris sur les cas où les totaux ne sont pas disponibles et sur les éléments à prendre en compte avec les totaux.
La flèche située à droite de la case à cocher Totaux de ligne vous permet d'activer ou de désactiver l'emplacement de la colonne de totaux entre l'emplacement par défaut tout à droite et un emplacement plus à gauche, après les dimensions et les calculs des tableaux de dimensions.
Totaux
Vous pouvez ajouter les totaux des colonnes pour les mesures et les calculs de table en sélectionnant Totaux dans la barre Données. Consultez la page de documentation Explorer les données dans Looker pour en savoir plus, y compris sur les cas où les totaux ne sont pas disponibles et sur les éléments à prendre en compte avec les totaux.
Nombre maximal de colonnes
Si votre tableau de données contient des tableaux croisés dynamiques, vous pouvez ajouter une limite de colonnes à votre graphique en saisissant un nombre compris entre 1 et 200 dans le champ Limite de colonnes. Les dimensions, calculs des tableaux de dimensions, colonnes de total des lignes et calculs des tableaux de mesures hors des tableaux croisés dynamiques ne sont pas inclus dans le calcul de la limite de colonnes. Les groupes dynamiques comptent chacun comme une colonne dans le calcul de la limite de colonnes. Pour en savoir plus, consultez la page de documentation Filtrer et limiter les données.
Nombre maximal de lignes
Vous pouvez ajouter un nombre maximal de lignes à votre graphique en saisissant un nombre compris entre 1 et 5 000 dans le champ Nombre maximal de lignes de l'onglet Données. Si votre requête dépasse la limite de lignes que vous avez définie, vous ne pouvez pas trier les colonnes de calcul de la table ni les totaux de ligne.
Calculs
Si vous disposez des autorisations appropriées, vous pouvez ajouter des calculs de table à votre graphique en cliquant sur le bouton Ajouter un calcul dans l'onglet Données. Pour en savoir plus, consultez la page de documentation Utiliser des calculs de table.
Vous pouvez également utiliser la section Champs personnalisés du sélecteur de champs.
Options du menu "Axes"
Étiquette de l'axe de gauche
Activez Étiqueter l'axe de gauche pour appliquer un libellé à l'axe de gauche. Looker affiche un champ permettant de saisir le texte du libellé.
Étiqueter l'axe de droite
Activez Étiqueter l'axe de droite pour appliquer un libellé à l'axe de droite. Looker affiche un champ permettant de saisir le texte du libellé.
Modifier la configuration du graphique
Le bouton Modifier la configuration du graphique en bas du menu de visualisation permet d'ouvrir l'éditeur de configuration du graphique. Cet éditeur vous permet de modifier les visualisations HighCharts en exposant certains paramètres JSON de la visualisation, ce qui permet une personnalisation approfondie. Ces personnalisations n'interagissent pas de manière dynamique avec les données.
Le bouton Modifier la configuration du graphique est disponible si vous disposez du rôle d'administrateur Looker ou de l'autorisation can_override_vis_config.
Consultez la section Exemples de l'article sur l'éditeur de configuration des graphiques pour découvrir des exemples de cas d'utilisation courants, y compris les suivants :
- Modifier la couleur d'arrière-plan et la couleur du texte des axes
- Mise en forme conditionnelle des valeurs d'une série
- Personnaliser la couleur de l'info-bulle
- Ajouter des bandes de référence verticales et des sous-titres
- Ajouter des annotations au graphique
Options du menu "Barres"
Couleurs des barres
Vous pouvez définir la palette de couleurs d'un graphique.
Sélectionner une collection de couleurs et une palette
Une collection vous permet de créer des visualisations et des tableaux de bord thématiques qui fonctionnent bien ensemble. Toutes les collections de couleurs intégrées de Looker apparaissent 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 déroulant Collection. La section Palette sera mise à jour avec une palette de la collection de couleurs que vous avez choisie. Pour changer de palette dans la collection de couleurs, cliquez sur la palette pour ouvrir le sélecteur de palette. Vous pouvez alors afficher et sélectionner toutes les palettes de la collection.
Choisir le type de palettes
Si vous utilisez une palette séquentielle ou divergente, chaque barre est colorée sur une échelle le long de la palette. Si vous passez à une palette catégorielle (une palette composée de plusieurs couleurs individuelles), les couleurs sont attribuées à chaque barre dans l'ordre. La première barre est associée à la première couleur, et ainsi de suite. Si le nombre de barres est supérieur au nombre de couleurs indiquées, les couleurs se répètent à partir du début de la palette.
Créer une palette de couleurs personnalisée
Pour créer une palette de couleurs personnalisée, sélectionnez d'abord l'onglet Personnalisé dans le sélecteur de palette. Vous pouvez modifier votre palette de plusieurs manières:
- Cliquez sur l'une des couleurs pour la modifier.
- Cliquez sur les boutons + ou - pour ajouter une couleur à la fin de la palette ou pour supprimer la couleur sélectionnée. Lorsque vous ajoutez une couleur à la fin d'une palette séquentielle ou divergente, Looker crée automatiquement une échelle entre cette couleur et la précédente.
- Cliquez sur TOUT MODIFIER en bas à droite du menu pour utiliser une liste de valeurs de couleur séparées par une virgule.
Pour modifier une couleur sélectionnée ou modifier toutes les couleurs en même temps, vous pouvez saisir des chaînes hexadécimales, telles que #2ca6cd, ou des noms de couleurs CSS, comme mediumblue, dans la zone de valeur de couleur en bas du menu.
Vous pouvez également cliquer sur la roue chromatique à droite de la zone de valeur de couleur pour afficher un sélecteur de couleur, que vous pouvez utiliser pour choisir une couleur. La valeur hexadécimale correspondante s'affiche dans le champ de valeur de couleur.
Si vous cliquez sur TOUT MODIFIER, tous les codes hexadécimaux de la palette de couleurs que vous avez choisie ou personnalisée sont insérés dans la zone de valeur de couleur. Copier et coller cette liste est le meilleur moyen de copier des palettes de couleurs personnalisées d'un graphique à un autre.
Inverser les couleurs
Vous pouvez inverser les couleurs utilisées sur une palette. Pour une palette séquentielle ou divergente, chaque barre est colorée selon une échelle dans la palette dans l'ordre inverse, en commençant par la couleur à l'extrémité droite de la palette et en allant vers la gauche. Pour une palette catégorielle, cela permet d'appliquer les couleurs de la palette à chaque barre dans l'ordre inverse, en commençant par la dernière couleur de la palette.
Barres lissées
Pour un graphique d'entonnoir en escalier, l'option Barres lissées permet d'activer ou non la connexion entre le bord extérieur de chaque barre du graphique d'entonnoir et les barres au-dessus et en dessous. Lorsque l'option Barres lissées est désactivée, les barres ont une forme rectangulaire. Lorsque les barres lissées sont activées, les bords des barres sont lissés pour être reliés les uns aux autres.
Pour un graphique d'entonnoir, l'option Barres lissées n'a aucun effet.
Entonnoir de conversion en escalier
Lorsque l'option Entonnoir à marches est activée, les entonnoirs sont affichés dans un style entonnoir à marches, où la largeur de chaque barre varie en fonction de sa valeur. Les valeurs élevées ont des barres plus larges et les valeurs plus petites ont des barres plus fines.
Orientation
Vous pouvez indiquer si les données du graphique d'entonnoir de conversion proviennent des lignes ou des colonnes du tableau. Si vous choisissez Automatique, le graphique en entonnoir choisit les données en fonction de l'endroit où il y a le plus de points de données.
Échelle des libellés
Vous pouvez spécifier la taille des libellés situés à la fois au-dessus des barres du graphique et sur les côtés du graphique. Les libellés ont une taille minimale et maximale qui varie en fonction de la taille du graphique. Saisissez 0 pour spécifier que les libellés auront la taille minimale. Saisissez "1" pour indiquer que la taille des libellés est maximale. Saisissez un nombre compris entre 0 et 1 pour indiquer un pourcentage. La taille du libellé sera définie sur ce pourcentage compris entre la taille minimale et la taille maximale.
Options du menu "Libellés"
Position du libellé
Vous pouvez spécifier l'emplacement des libellés de données:
- Gauche : les libellés de données se trouvent sur le côté gauche du graphique.
- Position intégrée: les libellés des données se trouvent au centre du graphique, à l'intérieur des barres du graphique.
- À droite : les libellés des données se trouvent à droite du graphique.
- Masqué: les libellés de données ne sont pas affichés.
Type de pourcentage
Chaque barre du graphique est associée à une valeur en pourcentage. Type de pourcentage détermine si un pourcentage est attribué à chaque barre en comparant la valeur de la barre à la plus grande valeur du graphique, ou en comparant la valeur de la barre à la barre précédente du graphique.
Position en pourcentage
Vous pouvez spécifier où les pourcentages des barres s'affichent :
- À gauche: les pourcentages se trouvent à gauche du graphique.
- En ligne : les libellés de pourcentage se trouvent au centre du graphique, dans les barres du graphique.
- À droite : les libellés de pourcentage se trouvent à droite du graphique.
- Masqué: les libellés de pourcentage ne sont pas affichés.
Position de la valeur
Vous pouvez spécifier l'emplacement des valeurs de données:
- À gauche: les valeurs de données se trouvent à gauche du graphique.
- Intégrée: les valeurs des données se trouvent au centre du graphique, à l'intérieur des barres du graphique.
- À droite : les valeurs des données se trouvent à droite du graphique.
- Masqué: les valeurs des données ne sont pas affichées.
Étiquette de couleur
Vous pouvez activer ou désactiver la possibilité de définir une couleur personnalisée pour les libellés et les pourcentages du graphique. Si vous activez l'option Libellé de couleur, une zone de couleur s'affiche. Cliquez sur la case pour afficher le sélecteur de couleur, puis choisissez une couleur personnalisée pour le libellé et les pourcentages. Les libellés intégrés s'affichent dans la couleur choisie, et les libellés de chaque côté du graphique s'affichent environ 40 % plus foncés que la couleur choisie.
Modifier les libellés de l'entonnoir à l'aide de l'éditeur de configuration de graphique
Par défaut, les libellés de chaque étape de l'entonnoir correspondent directement aux valeurs de la dimension. Vous pouvez modifier ces libellés à l'aide de l'éditeur de configuration des graphiques. Prenons l'exemple d'un entonnoir à quatre étapes avec les libellés suivants :
- Étape 1
- Étape 2
- Étape 3
- Étape 4
Vous pouvez utiliser l'extrait de code JSON suivant pour ajouter des noms d'étiquettes personnalisées:
{
series: [{
data: [{
name: 'Custom label 1',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 2',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 3',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 4',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
}
]
}]
}
Désormais, les étapes sont plutôt étiquetées avec les valeurs des étiquettes personnalisées. La variable {point.y} affiche la valeur à chaque étape. Dans cet exemple, Looker affiche les libellés suivants sur les étapes de l'entonnoir :
- Libellé personnalisé 1
- Libellé personnalisé 2
- Libellé personnalisé 3
- Libellé personnalisé 4
Pour en savoir plus sur l'utilisation de cette fonctionnalité, consultez la section Personnaliser une visualisation de la documentation de l'éditeur pour la configuration de graphique.