Créer un diagramme de Venn avec l'éditeur de configuration de graphiques

Un diagramme de Venn montre le chevauchement entre deux ou plusieurs attributs dans un ensemble de données.

À l'aide de l'éditeur de configuration des graphiques, vous pouvez créer des diagrammes de Venn à partir d'un graphique à colonnes dans Looker. Pour créer un diagramme de Venn, vous devez inclure au moins deux dimensions type: yesno et une dimension avec type: string ou type: number.

Par exemple, vous pouvez créer un diagramme de Venn qui montre le chevauchement entre les commandes qui étaient le premier achat d'un utilisateur, les commandes auxquelles une remise senior a été appliquée et les commandes de 50 € ou plus.

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

{
  chart: {
    type: 'venn',
  }
}

Créer un diagramme de Venn

Pour créer un diagramme de Venn :

1. Affichez un graphique à barres dans une exploration, ou modifiez un graphique à barres dans un look ou un tableau de bord.

   Commencez par un graphique à colonnes comportant au moins trois dimensions. Incluez une dimension type: string ou type: number. Incluez au moins deux dimensions de type: yesno.

   

2. Dans la visualisation, ouvrez le menu Modifier.

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 Configuration du graphique (remplacement), puis saisissez l'extrait 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.

Ajouter des conditions

Pour ajouter des cercles au diagramme de Venn, ajoutez des dimensions type: yesno au tableau de données. Vous pouvez créer une dimension personnalisée si vous n'avez besoin de cette condition que pour le diagramme de Venn. Écrivez vos dimensions personnalisées sous forme de condition booléenne, comme dans cet exemple :

${orders.total_amount} > 50

Modifier les valeurs du libellé de chevauchement

Par défaut, le libellé de toutes les régions qui se chevauchent dans le diagramme de Venn est une concaténation des libellés de région séparés par une virgule. Par exemple, le chevauchement entre les régions "Dépenses supérieures à 50 $", "Premier achat" et "Remise senior" serait "Dépenses supérieures à 50 $, Premier achat, Remise senior".

Pour personnaliser ces libellés, modifiez les attributs series.data.name à l'aide de l'éditeur de configuration des graphiques. Pour déterminer quel attribut correspond à quelle région, il peut être utile d'énumérer d'abord toutes les régions.

Prenons l'exemple d'un diagramme de Venn à trois cercles. Cela signifie qu'il y a sept régions au total.

Vous pouvez utiliser l'extrait de code JSON suivant pour identifier le libellé correspondant à chaque nombre :

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{ name: '1'}, {name: '2'}, {name: '3'}, {name: '4'}, {name: '5'}, {name: '6'}, {name: '7'}]
  }]
}

Vous pouvez ensuite modifier l'attribut name pour toute région dont vous souhaitez changer le nom. Pour que le libellé reste celui par défaut, supprimez l'attribut name, mais laissez les crochets. Dans cet exemple, les régions qui se chevauchent (3, 5, 6, 7) sont relabellisées, tandis que les cercles extérieurs (1, 2, 4) conservent leur libellé par défaut.

{
  chart: {
    type: 'venn'
  },
    series: [{
    data: [{}, {}, {name: 'Ruby tier'}, {}, {name: 'Platinum tier'}, {name: 'Emerald tier'}, {name: 'Sapphire tier'}]
  }]
}

Modifier la taille de la police du libellé

Pour modifier la taille de la police des libellés du diagramme de Venn, modifiez les attributs dataLabels.style.fontSize à l'aide de l'éditeur de configuration des graphiques.

Pour développer l'exemple précédent, l'exemple suivant définit la taille de police de chacun des libellés sur 24 points.

{
  chart: {
    type: 'venn',

  },
  series: [{
    data: [{
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Ruby tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }, {
        name: 'Platinum tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Emerald tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      },
      {
        name: 'Sapphire tier',
        dataLabels: {
          style: {
            fontSize: 24
          }
        }
      }
    ]
  }]
}