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

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 par rapport aux valeurs attendues.

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

Par exemple, le graphique jauge plein suivant montre la valeur actuelle de la mesure Satisfaction client (CSAT), représentée par une barre de progression circulaire bleue. Comme les valeurs possibles des scores CSAT peuvent aller de 0 à 100, ces valeurs sont représentées à chaque extrémité de la jauge.

Prérequis

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

Écrire l'extrait JSON

Pour créer un graphique jauge plein, 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 jauge pleine.
  • L'attribut yAxis.max définit la valeur maximale du graphique jauge pleine.
  • L'attribut yAxis.tickAmount spécifie le nombre d'étiquettes à afficher autour du graphique jauge plein. Les étiquettes seront réparties de manière uniforme en fonction des attributs yAxis.min et yAxis.max.

Créer un graphique jauge plein

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

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

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

    Exemple de graphique à colonnes avec une seule colonne qui s'étend sur l'axe des ordonnées.

  2. Ouvrez le menu Modifier dans la visualisation.

  3. Dans l'onglet Tracé, 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 (remplacement)), puis saisissez le code JSON HighCharts de la section Écrire l'extrait JSON de cette page.

  5. Pour que Looker formate correctement votre JSON, cliquez sur <> (Formater le code).

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

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

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