Créer un graphique à aiguille plein avec l'éditeur de configuration des graphiques

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

Les graphiques à jauge pleins sont utiles pour afficher des 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 à jauges solides 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 scores CSAT peuvent être compris 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 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 à aiguille plein.
• 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 de manière uniforme en fonction des attributs yAxis.min et yAxis.max.

Créer un graphique à aiguille

Pour créer un graphique à aiguille plein, procédez comme suit:

1. Afficher un graphique en colonnes dans une exploration, ou modifier un graphique en 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 code JSON, cliquez sur <> (Mettre en forme le code).

6. Pour tester vos modifications, cliquez sur Aperçu.

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

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