Cette page a été traduite par l'API Cloud Translation.

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

Les graphiques à puces sont utiles pour afficher les performances par rapport à une cible ou la progression vers un objectif.

À l'aide de l'éditeur de configuration des graphiques, vous pouvez créer des graphiques à puces en partant d'un graphique à barres dans Looker.

Par exemple, le graphique à puces suivant compare la mesure Nombre de nouveaux clients, représentée par une barre de progression bleue, à une valeur cible de 40, représentée par une ligne verticale bleue. Le graphique indique également les groupes de progression entre 0 et 20, entre 20 et 40, et entre 40 et 80, chacun représenté par une nuance de gris différente.

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 à puces, commencez par l'extrait JSON suivant :

{
  chart: {
    type: 'bullet'
  },
  xAxis: {
    categories: ['New Customers']
  },
  yAxis: {
    plotBands: [{
      from: 0,
      to: 20,
      color: '#666666'
    }, {
      from: 20,
      to: 40,
      color: '#999999'
    }, {
      from: 40,
      to: 80,
      color: '#bbbbbb'
    }],
  },
  series: [{
    data: [{
      target: 40
    }]
  }],
}

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

L'attribut xAxis.categories remplace le libellé de l'axe X. Dans cet exemple, le libellé de l'axe X doit être le nom de la mesure Nouveaux clients.
L'attribut yAxis.plotBands spécifie la couleur d'arrière-plan du graphique pour certaines valeurs. Dans cet exemple, la couleur d'arrière-plan est gris foncé (#666666) entre 0 et 20, gris moyen (#999999) entre 20 et 40, et gris clair (#bbbbbb) entre 40 et 80.
L'attribut series.data.target spécifie la valeur cible du graphique à puces, qui s'affiche sous forme de ligne verticale. Dans cet exemple, la cible est de 40.