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

Une carte proportionnelle affiche les données catégorielles et hiérarchiques sous la forme d'un ensemble de rectangles, où la taille de chaque rectangle 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 une carte proportionnelle.

Par exemple, vous pouvez créer un graphique en arbre qui affiche le nombre d'articles à la commande pour plusieurs valeurs de catégorie, avec un tableau croisé dynamique par Collection saisonnière. Chaque saison est représentée par un rectangle avec un code couleur qui contient des rectangles plus petits représentant la catégorie. La taille de chaque rectangle correspond au nombre d'articles de 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 arbre, utilisez l'extrait de code JSON suivant:

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

Créer une 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 croisées définissent les catégories de niveau supérieur utilisées pour afficher la carte proportionnelle. Votre graphique de départ pourrait 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 Tracer, 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 Prévisualiser.

  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.