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

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

À l'aide de l'éditeur de configuration de graphique, vous pouvez créer des cartes proportionnelles à partir d'un graphique à colonnes dans Looker. Pour de meilleurs résultats, utilisez une dimension croisée dynamique, une dimension non croisée dynamique et une mesure pour créer un graphique treemap.

Par exemple, vous pouvez créer un treemap qui affiche le nombre d'articles commandés 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 petits rectangles représentant la catégorie. La taille de chaque rectangle correspond au nombre d'articles commandés.

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 de type treemap, commencez par l'extrait JSON suivant :

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

Créer une carte proportionnelle

Pour créer un graphique de type carte proportionnelle, 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 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 la carte proportionnelle. Votre graphique de départ peut ressembler à l'exemple suivant :

    Exemple de graphique à colonnes avec le nom de la catégorie sur l'axe des abscisses et les articles commandés regroupés par collection saisonnière 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.