Créer un graphique en carte proportionnelle avec l'éditeur de configuration des graphiques

Un graphique en carte proportionnelle affiche les données catégorielles et hiérarchiques sous forme d'un ensemble de rectangles, dont la taille est déterminée par une mesure numérique.

L'éditeur de configuration des graphiques vous permet de créer des graphiques en carte proportionnelle à partir d'un graphique à colonnes dans Looker. Pour de meilleurs résultats, utilisez une dimension pivotée, une dimension non pivotée et une mesure pour créer un graphique en carte proportionnelle.

Par exemple, vous pouvez créer un graphique en carte proportionnelle qui affiche le nombre d'articles par commande pour plusieurs valeurs de Catégorie, pivotées par Collection saisonnière. Chaque saison est représentée par un rectangle de couleur, qui contient des rectangles plus petits représentant la catégorie. La taille de chaque rectangle correspond au nombre d'articles de la commande.

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 en carte proportionnelle, commencez par l'extrait JSON suivant:

{
  chart: {
    type: 'treemap',
  }
}

Créer un graphique en carte proportionnelle

Pour créer un graphique en carte proportionnelle, 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 graphique en colonnes avec deux dimensions et une mesure. Une dimension doit être pivotée. Les valeurs pivotées définissent les catégories de premier niveau utilisées pour afficher le graphique en carte proportionnelle. Votre graphique de départ peut ressembler à ceci:

    Exemple de graphique en colonnes avec le nom de la catégorie sur l'axe X et les articles de commande regroupés par collection saisonnière sur l'axe Y

  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.