Visualisation de données (Data viz)

Comment ajouter une légende personnalisée à un graphique Looker Studio


Légende personnalisée pour un graphique Looker Studio

Dans la plupart des cas, la légende de graphique, proposée par défaut, répond à nos besoins dans Looker Studio : Une liste de valeurs sous forme de libellés correspondant aux couleurs affichées dans un graphique.

Cependant, il y a quelques limitations liées au format des graphiques que nous avons besoin de contourner, surtout quand la légende doit être placée au dessus ou en dessous du graphique.

Dans l’exemple qui suit, j’ai créé une série temporelle avec 3 lignes et j’ai ajouté la légende par défaut, en dessous du graphique. Malheureusement, les libellés sont trop longs pour être affichés sur une seule ligne.


Légende Looker Studio par défaut

Ingrédients

Tentons de résoudre ce problème de limitations quant aux légendes de graphiques, et considérons aussi que c’est une opportunité pour apporter plus avec notre solution fait maison.

Nous allons combiner les les fonctionnalités suivantes de Looker Studio :

  • Un graphique en Tableau, comme légende personnalisée
  • Un champ calculé sous forme de constante et correspondant au symbole qui sera utilisé pour la légende (un tiret bas – underscode ou un caractère unicode ▬ comme pour la série temporelle ci-dessous)
  • Des règles de mise en formes conditionnelles pour assigner la bonne couleur pour chaque valeur de dimension
  • La valeur total des métriques, si besoin

Vous pouvez découvrir ci-dessous le résultat, après configuration de la légende sur deux graphiques.


Résultat d'ajout de légendes personnalisées sur des graphiques Looker Studio

Configuration de la légende

A présent, attaquons la configuration. Considérons que notre graphique en série temporelle est déjà réalisé et a besoin d’une légende. Pour la créer, il faut suivre les étapes suivantes :

  • Sur la série temporelle, allez sur l’onglet « Style » de configuration et basculer les couleurs en « Valeurs des dimensions »
  • Dupliquer la série temporelle (clic droit > Dupliquer)
  • Basculer le graphique en Tableau (en changeant de type de graphique via le le menu au dessus des onglets « Configurer » et « Style »)
  • Suivre la configuration ci-dessous sur le tableau
    • Onglet « Configurer »
      • Ajouter un champ calculé de graphique comme première dimension avec pour nom « – » par exemple et pour valeur de formule « ▬▬▬ » ou « ___ » . J’ai utilisé le disque noir ⬤ pour la légende du graphique en anneau. On appliquera la bonne couleur sur cette chaîne de caractère.
      • Utiliser la dimension principale de ventilation comme seconde dimension du graphique (« Campaign » dans mon exemple)
      • Conserver la métrique si vous le souhaitez, pour avoir le total comme information de contexte (« Sessions » dans mon cas)
    • Onglet « Style »
      • Créer des règles de mise en forme conditionnelle pour changer la couleur de la première colonne « – » selon la valeur de la dimension, en cohérence avec les couleurs par dimension du graphique principal
      • Adapter les autres options pour que le tableau remplisse sa fonction de légende sans prendre trop d’importance dans le design de la page
    • Appliquer d’éventuels filtres de graphiques et repositionner le tableau en fonction du graphique principal

La configuration est terminée. Votre légende est prête.


Note finale

Utiliser des caractères spéciaux unicode comme ⬤ ou ▬ au sein de Looker Studio est possible et peut être très utile pour améliorer l’aspect graphique de vos rapports, en les incluant dans des champs calculés comme dans ce tutoriel, ou au sein de texte statique, pour créer une liste à puces par exemple. Vous pouvez aussi inclure des emojis comme décrit dans cet ancien article en anglais.