La visualisation de l'entonnoir permet aux créateurs de rapports de visualiser l'évolution d'une métrique au fil des événements d'un processus séquentiel. Par exemple, un graphique d'entonnoir peut représenter efficacement les étapes de prospects dans un pipeline de vente, l'engagement envers une campagne marketing ou le parcours des visiteurs sur un site Web.
Les graphiques d'entonnoir sont souvent les plus efficaces lorsque la première étape du processus est la plus importante (par exemple, 100%) et que chaque étape progressive diminue à partir de là. Les graphiques d'entonnoir affichent la valeur de chaque catégorie en faisant varier la largeur de chaque barre. Les barres les plus larges correspondent aux valeurs les plus élevées, tandis que les barres les plus fines correspondent aux valeurs les plus faibles.
Vous pouvez également choisir d'afficher la valeur de chaque catégorie en faisant varier la hauteur de chaque barre lorsque vous sélectionnez l'option de style d'entonnoir triangle inversé.
Conditions requises
Pour créer des graphiques d'entonnoir, vous devez spécifier les champs suivants dans l'onglet Configuration du panneau Propriétés:
- Dimension:dimension dont les valeurs fournissent les libellés de chaque étape ou événement du graphique d'entonnoir, ce qui vous permet de voir la différence entre chaque événement.
- Métrique:métrique qui mesure les événements contenus dans la dimension et détermine la largeur et l'emplacement de chaque événement dans le graphique d'entonnoir.
- Champ Tri: champ qui servira de base pour trier les événements dans le graphique d'entonnoir.
Bon à savoir
Voici quelques informations à connaître sur les graphiques d'entonnoir dans Looker Studio:
- Les créateurs de rapports peuvent trier les graphiques d'entonnoir par métrique définie, dans l'ordre croissant ou décroissant. Les créateurs de rapports peuvent ainsi afficher l'évolution de la métrique de différentes manières. Si vous choisissez de trier en fonction d'un autre élément que la métrique (une dimension définie ou un libellé de dimension), le graphique d'entonnoir peut être trié par ordre alphabétique plutôt que par valeurs numériques.
- Les libellés de données s'affichent automatiquement à l'intérieur ou à l'extérieur des barres (selon que la largeur de la barre peut accueillir le texte), même lorsque l'option de style Position du libellé de la barre est définie sur À l'intérieur.
- Vous pouvez maintenir le pointeur sur une barre d'un graphique d'entonnoir pour afficher une info-bulle contenant plus de détails sur la valeur de la barre.
Exemples de graphiques d'entonnoir
Vous pouvez configurer des graphiques d'entonnoir pour afficher les données de différentes manières. Cette section inclut des exemples pour les options de style d'entonnoir suivantes:
Ces options de style d'entonnoir se trouvent dans l'onglet Style du panneau Propriétés du graphique.
Barre lissée
L'option "Barre lissée" affiche les données du graphique d'entonnoir sous forme de barres aux bords lisses qui se connectent les unes aux autres. La largeur de chaque barre varie en fonction de sa valeur. Les barres les plus larges correspondent aux valeurs les plus élevées, tandis que les barres les plus fines correspondent aux valeurs les plus faibles. Les entonnoirs à barres lissées ne se terminent pas nécessairement en point.
Par exemple, un graphique d'entonnoir visualise la dimension Événements sur le site Web et la métrique Nombre d'événements pour suivre le nombre de visiteurs du site Web qui effectuent des achats. Un graphique d'entonnoir à barres lissées affiche les noms d'événements suivants triés par ordre décroissant en fonction de la métrique Nombre d'événements et du libellé de données % de la valeur précédente :
- Afficher le produit (100% )
- Ajouter au panier (63,45%)
- Acheter (44,77%)
- Créer un compte (13%)
- Annuler la commande (0,53%)
Le haut de chaque barre a la même largeur que la plus petite largeur de la barre précédente, ce qui permet aux utilisateurs de comparer rapidement la correspondance des valeurs de chaque catégorie d'événements.
Barre en escalier
L'option "Barres étagées" affiche les données du graphique d'entonnoir sous forme de barres étagées, dont la largeur varie en fonction de leur valeur. Les barres les plus larges correspondent aux valeurs les plus élevées, tandis que les barres les plus fines correspondent aux valeurs les plus faibles.
Par exemple, un graphique d'entonnoir visualise la dimension Événements sur le site Web et la métrique Nombre d'événements pour suivre le nombre de visiteurs du site Web qui effectuent des achats. Un graphique d'entonnoir à barres étagées affiche les noms d'événements suivants triés par ordre décroissant en fonction de la métrique Nombre d'événements et du libellé de données % de la valeur précédente :
- Afficher le produit (100% )
- Ajouter au panier (63,45%)
- Acheter (44,77%)
- Créer un compte (13%)
- Annuler la commande (0,53%)
La barre de chaque catégorie d'événements s'affiche clairement par rapport aux barres précédentes, ce qui est plus représentatif des données présentées dans le graphique d'entonnoir.
Triangle inversé
L'option "Triangle inversé" affiche les données du graphique d'entonnoir en forme de triangle plus uniforme avec un point en bas, où la largeur et l'ordre de chaque valeur dans le triangle varient en fonction de sa valeur. Les événements dont les valeurs de métrique sont plus élevées sont affichés dans des sections plus larges, à la base du triangle ou plus près de celle-ci.
Par exemple, un graphique d'entonnoir visualise la dimension Événements sur le site Web et la métrique Nombre d'événements pour suivre le nombre de visiteurs du site Web qui effectuent des achats. Un graphique d'entonnoir à triangle inversé affiche les noms d'événements suivants triés par ordre décroissant en fonction de la métrique Nombre d'événements et du libellé de données % de la valeur précédente :
- Afficher le produit (100% )
- Ajouter au panier (63,45%)
- Acheter (44,77%)
- Créer un compte (13%)
- Annuler la commande (0,53%)
Vous pouvez également activer l'option Utiliser des hauteurs proportionnelles dans l'onglet Style pour afficher les valeurs en faisant varier la hauteur de chaque barre. Les barres les plus hautes correspondent aux valeurs les plus élevées, tandis que les barres les plus courtes correspondent aux valeurs les plus faibles.
Les données de l'entonnoir sont présentées de manière plus fluide et uniforme, ce qui permet aux utilisateurs de déterminer rapidement les catégories d'événements qui enregistrent le plus et le moins d'événements.
Ajouter le graphique
Ajoutez un graphique ou sélectionnez-en un. Ensuite, utilisez le panneau Propriétés pour configurer les propriétés des onglets Configuration et Style du graphique afin de configurer les données du graphique et de lui appliquer un style, respectivement.
Configurer les données du graphique
Les options de l'onglet Configuration du panneau Propriétés déterminent la manière dont les données du graphique sont organisées et affichées.
Source de données
Une source de données permet d'associer le composant à l'ensemble de données sous-jacent.
- Pour modifier la source de données du graphique, cliquez sur le nom de la source actuelle.
- Pour afficher ou modifier la source de données, cliquez sur l'icône
Modifier une source de données. Pour voir cette icône, vous devez au moins disposer des droits d'affichage.
- Cliquez sur Combiner les données pour afficher les données issues de plusieurs sources dans le même graphique. En savoir plus sur la combinaison des données
Dimension
Les dimensions sont des catégories de données. Les valeurs des dimensions (données contenues par celles-ci) sont des noms, des descriptions ou d'autres caractéristiques d'une catégorie.
La dimension fournit les libellés des barres du graphique d'entonnoir.
Métrique
Les métriques mesurent les éléments contenus dans les dimensions et indiquent l'échelle numérique et les séries de données du graphique.
Une métrique est une agrégation provenant d'un ensemble de données sous-jacent, ou résultant de l'application implicite ou explicite d'une fonction d'agrégation, comme COUNT()
, SUM()
ou AVG()
. La métrique elle-même ne contient pas d'ensemble de valeurs défini. Vous ne pouvez donc pas regrouper vos données par métrique comme vous le pouvez avec une dimension.
En savoir plus sur l'agrégation
Filtre
Les filtres limitent les données affichées dans le composant en incluant ou en excluant les valeurs que vous spécifiez. En savoir plus sur la propriété "Filtre"
Vous pouvez appliquer les filtres suivants:
- Nom du filtre:cliquez sur un filtre existant pour le modifier. Pointez sur le nom du filtre, puis cliquez sur X pour le supprimer.
- Ajouter un filtre:cliquez sur cette option pour créer un filtre du graphique.
Dimension "Plage de dates"
Cette option s'affiche si votre source de données présente une dimension "Date" valide.
La dimension "Plage de dates" sert de base pour limiter la plage de dates du graphique. Par exemple, il s'agit de la dimension utilisée si vous définissez une propriété "Plage de dates" pour le graphique ou si un lecteur du rapport utilise un sélecteur de plage de dates pour limiter la période.
Ce champ est facultatif pour les graphiques d'entonnoir.
Filtre de plage de dates par défaut
Le filtre de plage de dates par défaut vous permet de définir l'intervalle de temps pour un graphique individuel.
Les options de filtre de plage de dates par défaut sont les suivantes:
- Automatique:utilise la plage de dates par défaut déterminée par la source de données du graphique.
- Personnalisée:vous permet d'utiliser le widget Calendrier afin de choisir une plage de dates personnalisée pour le graphique.
Tri
Dans le champ Trier, vous pouvez choisir une dimension pour trier les barres du graphique d'entonnoir, dans l'ordre Croissant ou Décroissant.
Par défaut, le champ défini comme Métrique est également le champ Trier.
Interactions dans le graphique
Le filtrage croisé permet aux lecteurs de rapports d'interagir avec un graphique et de filtrer d'autres graphiques du rapport en fonction de cette interaction. Lorsque vous activez le filtrage croisé pour un graphique, vous pouvez filtrer le rapport en cliquant sur une ou plusieurs valeurs de dimension dans le graphique. En savoir plus sur le filtrage croisé
Appliquer un style au graphique
Les options de l'onglet Style permettent de définir la présentation et l'apparence globales du graphique.
Titre du graphique
Activez l'option Afficher le titre pour ajouter un titre à votre graphique. Looker Studio peut générer automatiquement un titre ou vous pouvez créer un titre personnalisé pour le graphique. Vous pouvez également personnaliser le style et l'emplacement du titre.
Générer automatiquement
Cette option est activée par défaut. Lorsque l'option Générer automatiquement est activée, Looker Studio génère un titre basé sur le type de graphique et les champs utilisés dans le graphique. Le titre généré automatiquement est mis à jour si vous modifiez le type de graphique ou les champs utilisés dans le graphique.
Pour ajouter un titre personnalisé à votre graphique, saisissez-le dans le champ Titre. Le paramètre Générer automatiquement sera alors désactivé.
Options de titre
Lorsque le paramètre Afficher le titre est activé, vous pouvez utiliser les options de titre suivantes:
- Titre:champ de texte dans lequel les éditeurs de rapports peuvent saisir un titre personnalisé pour le graphique.
- Famille de polices:définit le type de police pour le texte du titre.
- Taille de la police:définit la taille de la police du texte du titre.
- Couleur de police:définit la couleur de police du texte du titre.
- Options de style de police:permet d'appliquer un style gras, italique ou souligné au texte du titre.
- En haut:place le titre du graphique en haut du graphique.
- En bas:place le titre du graphique en bas du graphique.
- Gauche:aligne le titre du graphique sur la gauche du graphique.
- Centre:centre le titre du graphique au-dessus ou en dessous du graphique.
- Droite:aligne le titre du graphique sur la droite du graphique.
Graphique d'entonnoir
Le paramètre Forme de l'entonnoir vous permet de choisir comment afficher les données du graphique d'entonnoir. Vous avez le choix entre plusieurs options:
- Barre lissée:affiche les données du graphique d'entonnoir sous forme de barres aux bords lisses qui se connectent entre elles. La largeur de chaque barre varie en fonction de sa valeur. Les barres les plus larges correspondent aux valeurs les plus élevées, tandis que les barres les plus fines correspondent aux valeurs les plus faibles. Les entonnoirs avec des barres lissées ne se terminent pas nécessairement en point. Consultez l'exemple de barre lissée sur cette page.
- Barres étagées:affiche les données du graphique d'entonnoir sous forme de barres étagées, dont la largeur varie en fonction de leur valeur. Les barres les plus larges correspondent aux valeurs les plus élevées, tandis que les barres les plus fines correspondent aux valeurs les plus faibles. Consultez l'exemple de barre en escalier sur cette page.
- Triangle inversé:affiche les données du graphique d'entonnoir de manière plus uniforme, où la largeur et l'ordre de chaque valeur dans le triangle varient en fonction de sa valeur. Consultez l'exemple de triangle inversé sur cette page.
- Utiliser des hauteurs proportionnelles:lorsque cette option est activée, les données du graphique en forme d'entonnoir à triangle inversé sont affichées en fonction de la hauteur. Les barres les plus hautes correspondent aux valeurs les plus élevées, tandis que les barres les plus courtes correspondent aux valeurs les plus faibles. Activez le bouton bascule pour activer ou désactiver le paramètre Utiliser des hauteurs proportionnelles. Ce paramètre n'est disponible que lorsque l'option Triangle inversé est sélectionnée.
- Afficher les libellés de données:lorsque cette option est activée, les libellés de chaque barre du graphique d'entonnoir sont affichés. Activez ou désactivez le bouton bascule pour activer ou désactiver le paramètre Afficher les libellés des données.
Pour en savoir plus sur l'affichage de chaque forme d'entonnoir, consultez la section Exemples de graphiques en entonnoir de cette page.
Libellé de données
Cette section permet de définir la présentation des libellés de données pour les barres du graphique d'entonnoir. Activez le paramètre Afficher les libellés des données pour voir ces options:
- Afficher les libellés des données en tant que:définit la façon dont les libellés sont affichés. Les options sont Nombre, Pourcentage ou Nombre + Pourcentage.
- Type de pourcentage:lorsque vous sélectionnez le type de libellé de données Pourcentage ou Nombre + Pourcentage, vous pouvez choisir le pourcentage à afficher. Voici quelques exemples d'options disponibles :
- % du maximum:compare la valeur d'une barre à la plus grande valeur du graphique.
- % de la valeur précédente:compare la valeur d'une barre à celle de la barre précédente dans le graphique.
- Afficher la dimension:affiche la valeur de la dimension pour chaque barre du graphique d'entonnoir. Activez ou désactivez le bouton bascule pour activer ou désactiver ce paramètre.
- Afficher la métrique:affiche la valeur de la métrique pour chaque barre du graphique d'entonnoir. Activez ou désactivez le bouton bascule pour activer ou désactiver ce paramètre.
- Nombres compacts:arrondit les nombres et affiche l'indicateur d'unité. Par exemple, "553 939" devient 553,9 k. Cette option n'est disponible que si l'option Afficher les libellés des données en tant que est définie sur Nombre.
- Précision décimale:définit le nombre de chiffres après la virgule qui s'affichent dans les métriques. Cette option n'est disponible que si l'option Afficher les libellés des données en tant que est définie sur Nombre. Si l'option Afficher le libellé des données en tant que est définie sur Pourcentage, la précision décimale sera toujours de 2.
- Font family (Famille de polices) : définit le type de police pour le texte du libellé.
- Taille de la police:définit la taille de la police pour le texte du libellé.
- Couleur de la police:définit la couleur du texte du libellé.
- Options de style de police:permet d'appliquer un style gras ou italique au texte du libellé.
Position du libellé de la barre:définit la position des libellés par rapport à la barre. Les options sont Intérieur ou Extérieur.
Couleur d'arrière-plan:définit une couleur d'arrière-plan pour le texte du libellé.
Opacité des libellés:si votre libellé a une couleur d'arrière-plan personnalisée, ce paramètre en ajuste l'opacité. Une opacité de 100% rend l'arrière-plan opaque, tandis qu'une opacité de 0% le rend entièrement transparent.
Rayon de la bordure des libellés:si votre libellé a une couleur d'arrière-plan personnalisée, ce paramètre permet d'ajouter des bordures arrondies à l'arrière-plan du graphique. Choisissez une valeur comprise entre 0 px (angles à 90°) et 20 px (arrondi maximal).
Appliquer les couleurs par
Ces options permettent de déterminer les couleurs de la visualisation de l'entonnoir:
- Couleur unique:lorsque cette option est sélectionnée, les séries de données sont affichées en nuances d'une seule couleur. Sinon, le graphique s'affiche en plusieurs couleurs, en fonction de votre thème de rapport. Vous pouvez définir des couleurs spécifiques à l'aide du sélecteur de couleur.
- Ordre des barres:utilisez le thème actuel pour attribuer des couleurs aux données en fonction de leur position dans le graphique. Elle met l'accent sur le classement des données, et non sur leur nature. Vous pouvez cliquer sur chaque palette pour sélectionner une couleur pour chaque position de palette. (L'ordre des palettes est du haut à gauche vers la droite.)
- Valeurs de dimension:cette option colore chaque valeur de dimension dans le graphique avec la couleur spécifiée dans la carte de couleurs des valeurs de dimension. Cette option permet d'assurer une coloration cohérente de vos données, quelle que soit leur position dans le graphique.
Couleur de la bordure de la barre
Le paramètre Couleur de la bordure des barres vous permet de modifier la couleur du contour des barres du graphique d'entonnoir. Vous pouvez également spécifier une couleur de bordure pour tous les graphiques de votre rapport dans l'onglet Mise en page du menu Thèmes.
Arrière-plan et bordure
Ces options permettent de définir l'apparence du conteneur de l'arrière-plan du graphique:
- Arrière-plan:définit la couleur de l'arrière-plan du graphique.
- Opacité:définit l'opacité du graphique. Une opacité égale à 100% masque complètement les objets placés derrière le graphique. Une opacité de 0% rend le graphique invisible.
- Couleur de la bordure:définit la couleur de la bordure du graphique.
- Angle de bordure:ajoute des bordures arrondies à l'arrière-plan du graphique. Lorsque le rayon est égal à 0, l'arrière-plan présente des angles droits. Un angle de bordure de 100° génère une forme circulaire.
- Épaisseur de la bordure:définit l'épaisseur de la bordure du graphique.
- Style de bordure:définit le style de la bordure du graphique.
- Ajouter une ombre en bordure:ajoute une ombre aux bordures inférieure et droite du graphique.
En-tête du graphique
L'en-tête du graphique permet aux lecteurs d'effectuer diverses actions, comme exporter les données, augmenter ou réduire le niveau de détail ou trier le graphique. Voici les options disponibles pour l'en-tête du graphique:
- En-tête du graphique:permet de contrôler l'emplacement de l'en-tête du graphique. Les options de l'en-tête du graphique sont les suivantes :
- Ne pas afficher:les options associées à l'en-tête ne s'affichent jamais. Notez que les lecteurs du rapport peuvent toujours accéder aux options en effectuant un clic droit sur le graphique.
- Toujours afficher:les options de l'en-tête s'affichent en permanence.
- Afficher au survol (par défaut) : trois points verticaux s'affichent lorsque vous maintenez le pointeur sur l'en-tête du graphique. Cliquez dessus pour accéder aux options qui y sont associées.
- Couleur de la police de l'en-tête:définit la couleur des options associées à l'en-tête du graphique.
Rétablir le thème par défaut
Cliquez sur Rétablir le thème par défaut pour réinitialiser les paramètres du graphique sur ceux du thème du rapport.