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

Un diagramme de Venn montre les chevauchements entre deux ou plusieurs attributs d'un ensemble de données.

L'éditeur de configuration des graphiques vous permet de créer des diagrammes de Venn à partir d'un graphique à colonnes dans Looker. Vous devez inclure au moins deux dimensions type: yesno et une dimension avec type: string ou type: number pour créer un diagramme de Venn.

Par exemple, vous pouvez créer un diagramme de Venn qui montre les chevauchements entre les commandes qui étaient le premier achat d'un utilisateur, les commandes auxquelles une remise pour les seniors a été appliquée et les commandes d'un montant supérieur à 50 $.

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, 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.

    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 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 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 d'autres conditions

Pour ajouter d'autres 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 des libellés de chevauchement

Par défaut, le libellé de toute région qui se chevauche dans le diagramme de Venn est une concatenaison des libellés de région séparés par une virgule. Par exemple, la zone de chevauchement entre les régions "Achat de plus de 50 $", "Premier achat" et "Réduction pour les seniors" serait "Achat de plus de 50 $, Premier achat, Réduction pour les seniors".

Pour personnaliser ces libellés, modifiez les attributs series.data.name à l'aide de l'éditeur de configuration du graphique. 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 existe sept régions au total.

Vous pouvez utiliser l'extrait de code JSON suivant pour savoir quel libellé correspond à chaque numéro:

{
  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 modifier le nom. Pour que le libellé reste par défaut, supprimez l'attribut name, mais laissez les crochets. Dans cet exemple, les régions qui se chevauchent (3, 5, 6 et 7) sont rebaptisées, tandis que les cercles extérieurs (1, 2 et 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 police des libellés

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

Pour développer l'exemple précédent, l'exemple suivant définit la taille de la 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
          }
        }
      }
    ]
  }]
}