Un diagramme de Venn montre le chevauchement entre deux ou plusieurs attributs dans un jeu 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. 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 correspondent au 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 de code 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:
Affichez un graphique à colonnes dans une exploration, ou modifiez-en un dans une présentation ou un tableau de bord.
Partez d'un graphique à colonnes comportant au moins trois dimensions. Incluez une dimension
type: string
outype: number
. Incluez au moins deux dimensions detype: yesno
.Dans la visualisation, ouvrez le menu Modifier.
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.
Sélectionnez la section Configuration du graphique (remplacer), puis saisissez l'extrait JSON HighCharts indiqué dans la section Écrire l'extrait JSON de cette page.
Pour que Looker mette correctement en forme votre fichier JSON, cliquez sur <> (Mettre en forme le code).
Pour tester vos modifications, cliquez sur Aperçu.
Pour appliquer vos modifications, cliquez sur Appliquer. La visualisation sera affichée à 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 la forme d'une condition booléenne, comme dans cet exemple:
${orders.total_amount} > 50
Modifier les valeurs des libellés de chevauchement
Par défaut, l'étiquette des régions qui se chevauchent dans le diagramme de Venn est une concaténation des étiquettes des régions séparées par des virgules. Par exemple, la zone de chevauchement entre les régions "Dépenses supérieures à 50 $", "Premier achat" et "Réduction pour les seniors" serait "Dépenses supérieures à 50 $, Premier achat, Réduction pour les seniors".
Pour personnaliser ces étiquettes, modifiez les attributs series.data.name
à l'aide de l'éditeur de configuration de 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 étiquettes sur le diagramme de Venn, modifiez les attributs dataLabels.style.fontSize
à l'aide de l'éditeur de configuration de 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
}
}
}
]
}]
}