Créer un graphique jauge solide avec l'éditeur de configuration de graphique

Remarque : À partir de Looker 24.8, l'éditeur de configuration des graphiques permet de créer des graphiques à aiguille pleins.

Les graphiques à jauge solide sont utiles pour afficher les nombres dans une plage connue. Les lecteurs peuvent rapidement déterminer si la valeur actuelle est relativement élevée ou faible en fonction des valeurs attendues.

L'éditeur de configuration des graphiques vous permet de créer des graphiques à aiguilles pleins à partir d'un graphique à colonnes dans Looker. Les graphiques à jauge solide nécessitent une dimension et une mesure.

Par exemple, le graphique à jauge plein suivant indique la valeur actuelle de la métrique Satisfaction client (CSAT), représentée par une barre de progression bleue circulaire. Étant donné que les valeurs possibles des scores CSAT peuvent être comprises entre 0 et 100, ces valeurs sont représentées à chaque extrémité de la jauge.

Prérequis

Pour accéder à l'éditeur de configuration des graphiques, vous devez disposer de l'autorisation can_override_vis_config.

Écrire l'extrait de code JSON

Pour créer un graphique à jauge, commencez par l'extrait JSON suivant :

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

Modifiez les valeurs suivantes en fonction de votre cas d'utilisation:

• L'attribut yAxis.min définit la valeur minimale du graphique à barres.
• L'attribut yAxis.max définit la valeur maximale du graphique à aiguille plein.
• L'attribut yAxis.tickAmount spécifie le nombre d'étiquettes à afficher autour du graphique à aiguille plein. Les libellés seront répartis uniformément en fonction des attributs yAxis.min et yAxis.max.

Créer un graphique à jauge pleine

Pour créer un graphique à jauge pleine, procédez comme suit:

1. Afficher un graphique à colonnes dans une exploration, ou modifier un graphique à colonnes dans une présentation ou un tableau de bord.

   Pour cet exemple, nous vous recommandons de commencer par un histogramme avec une dimension et une mesure, avec une limite d'une ligne. Votre graphique de départ peut ressembler à ceci :

   

2. Ouvrez le menu Modifier dans la visualisation.

3. Dans l'onglet Graphique, cliquez sur le bouton Modifier la configuration du graphique. Looker affiche la boîte de dialogue Modifier la configuration du graphique.

4. Sélectionnez la section Chart Config (Override) (Configuration du graphique (Forcer)) et saisissez le code JSON HighCharts de la section Écrire l'extrait JSON de cette page.

5. Pour que Looker mette correctement en forme votre fichier JSON, cliquez sur <> (Mettre en forme le code).

6. Pour tester vos modifications, cliquez sur Prévisualiser.

7. Pour appliquer vos modifications, cliquez sur Appliquer. La visualisation sera affichée à l'aide des valeurs JSON personnalisées.

Une fois que vous avez personnalisé votre visualisation, vous pouvez l'enregistrer.