La mise en évidence visuelle des valeurs qui répondent à certaines conditions permet aux utilisateurs d'identifier rapidement les tendances des données. Ce modèle est souvent appelé mise en forme conditionnelle.
Par exemple, cette visualisation tirée de l'exemple Couleur des valeurs maximale, minimale et de centile sur cette page aide l'utilisateur à identifier rapidement les mois de vente les plus bas et les plus élevés:
Dans Looker, vous pouvez utiliser des options intégrées dans les paramètres de visualisation des graphiques (texte et tableaux) pour appliquer une mise en forme conditionnelle aux textes et aux tableaux. Pour les graphiques cartésiens, vous pouvez utiliser l'éditeur de configuration de graphique pour mettre en forme les valeurs de données de manière conditionnelle.
Dans l'éditeur de configuration de graphique, vous pouvez utiliser l'attribut series formatters
pour appliquer une mise en forme conditionnelle aux valeurs qui répondent à des critères spécifiques. Voici quelques-unes des règles de mise en forme conditionnelle que vous pouvez appliquer:
La valeur est supérieure, inférieure ou égale à une valeur spécifiée.
Par exemple, pour appliquer une mise en forme conditionnelle à des valeurs numériques supérieures à 100, utilisez
select: 'value > 100'
.La valeur est la valeur minimale ou maximale de la série.
Par exemple, pour appliquer une mise en forme conditionnelle à la valeur maximale, utilisez
select: 'max'
.La valeur se situe dans un rang de percentile spécifié.
Par exemple, pour appliquer une mise en forme conditionnelle aux valeurs du dixième centile supérieur, utilisez
select: 'percent_rank >= 0.9'
.La valeur de l'axe des x correspond à une valeur spécifiée.
Par exemple, pour appliquer une mise en forme conditionnelle à des séries dont la valeur de l'axe des x est "Colombie", utilisez
select: name = Columbia
.
Ce livre de recettes propose les tutoriels suivants:
- Colorer les valeurs maximale, minimale et percentile
- Combiner des conditions de mise en forme conditionnelle
Colorer les valeurs maximale, minimale et en centile
Vous pouvez utiliser les attributs select
et style
pour spécifier la couleur des valeurs de données maximales et minimales d'un graphique cartésien, ainsi que toutes les valeurs situées sous un centile spécifié.
Composants
- Requête d'exploration
- Visualisation cartésienne
- Éditeur pour la configuration de graphique
Prérequis
La création d'une visualisation cartésienne avec une mise en forme conditionnelle nécessite les éléments suivants:
- Autorisations permettant de créer des explorations et bonne connaissance de l'exploration des données
- L'autorisation
can_override_vis_config
, qui accorde l'accès à l'éditeur pour la configuration de graphique - Autorisations d'enregistrer du contenu (si vous souhaitez enregistrer la visualisation sous forme de présentation ou de tableau de bord)
- Connaissances de base sur JSON
Exemple: Visualisation des colonnes
Une équipe des ventes veut être en mesure d’identifier rapidement les tendances des ventes mensuelles sur une année. Ils disposent d'une visualisation qui affiche le coût total regroupé par Mois.
Vous pouvez utiliser la mise en forme conditionnelle pour mettre en évidence les valeurs qui répondent à certains objectifs, ce qui permet de clarifier les données pour les utilisateurs.
Pour cet exemple, l'équipe des ventes souhaite mettre en évidence les valeurs suivantes:
- La colonne contenant la valeur minimale du coût total est en rouge.
- La colonne contenant la valeur maximale du coût total est verte.
- Toutes les colonnes du coût total du trentième centile inférieur apparaissent en orange.
- Toutes les autres colonnes sont grisées.
Pour appliquer cette mise en forme conditionnelle à un graphique cartésien, procédez comme suit :
- Affichez une visualisation cartésienne dans une exploration ou modifiez-en une dans une présentation ou un tableau de bord.
- Ouvrez le menu Modifier dans la visualisation.
- 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.
Sélectionnez la section Chart Config (Override) (Configuration du graphique (remplacer)), puis saisissez le code JSON suivant:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { color: 'green', } }, { select: 'percent_rank <= 0.3', style: { color: 'orange' } }, { select: 'min', style: { color: 'red' } }, ] }] }
Pour appliquer vos modifications, cliquez sur Appliquer.
À présent, l'équipe commerciale peut identifier rapidement les mois enregistrant des problèmes de performances et enquêter sur ces mois pour déterminer ce qui s'est passé.
Une fois que vous avez personnalisé votre visualisation, vous pouvez l'enregistrer. Si vous avez consulté la visualisation dans une exploration, enregistrez l'exploration. Si vous avez modifié une présentation ou un tableau de bord, cliquez sur Enregistrer.
Exemple: Visualisation à nuage de points
Pour appliquer une mise en forme conditionnelle aux visualisations à nuage de points, vous pouvez spécifier une couleur pour les attributs style.marker.fillColor
et style.marker.lineColor
au lieu de l'attribut style.color
.
L'attribut lineColor
définit la couleur du contour de chaque point du graphique en nuage de points. L'attribut fillColor
définit la couleur intérieure de chaque point du nuage de points.
Pour modifier l'exemple précédent, procédez comme suit :
- Afficher une visualisation de nuage de points dans une exploration ou modifier une visualisation de nuage de points dans une présentation ou un tableau de bord.
- Ouvrez le menu Modifier dans la visualisation.
- 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.
Sélectionnez la section Chart Config (Override) (Configuration du graphique (remplacer)), puis saisissez le code JSON suivant:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { marker: { fillColor: 'green', lineColor: 'green' } } }, { select: 'percent_rank <= 0.3', style: { marker: { fillColor: 'orange', lineColor: 'orange' } } }, { select: 'min', style: { marker: { fillColor: 'red', lineColor: 'red' } } } ] }] }
Cliquez sur Appliquer pour appliquer les modifications.
Dans la visualisation obtenue, la valeur minimale, la valeur maximale et les valeurs des 30 % inférieurs sont colorées selon les règles de mise en forme.
Une fois que vous avez personnalisé votre visualisation, vous pouvez l'enregistrer. Si vous avez consulté la visualisation dans une exploration, enregistrez l'exploration. Si vous avez modifié une présentation ou un tableau de bord, cliquez sur Enregistrer.
Combiner des conditions de mise en forme conditionnelle
Vous pouvez utiliser AND
et OR
dans l'attribut select
pour combiner des expressions logiques dans des règles de mise en forme conditionnelle.
Composants
- Requête d'exploration
- Visualisation cartésienne
- Éditeur pour la configuration de graphique
Prérequis
La création d'une visualisation cartésienne avec une mise en forme conditionnelle nécessite les éléments suivants:
- Autorisations permettant de créer des explorations et bonne connaissance de l'exploration des données
- L'autorisation
can_override_vis_config
, qui accorde l'accès à l'éditeur pour la configuration de graphique - Autorisations pour enregistrer du contenu (si vous souhaitez enregistrer la visualisation en tant que présentation ou tableau de bord)
- Connaissances de base sur JSON
Exemple
Une équipe commerciale veut être en mesure d'identifier rapidement les mois qui répondent à certains critères. Ils disposent d'une visualisation qui affiche le coût total regroupé par Mois.
Vous pouvez utiliser la mise en forme conditionnelle pour mettre en évidence les valeurs qui répondent à certains objectifs, ce qui permet de clarifier les données pour les utilisateurs.
Pour cet exemple, l'équipe des ventes souhaite mettre en évidence les valeurs suivantes:
- Les colonnes dont la valeur du coût total est comprise entre 43 000 $ et 45 000 $ (inclus) sont violettes.
- Toutes les autres colonnes sont grisées.
Pour appliquer cette mise en forme conditionnelle à un graphique cartésien, procédez comme suit :
- Affichez une visualisation cartésienne dans une exploration ou modifiez-en une dans une présentation ou un tableau de bord.
- Ouvrez le menu Modifier dans la visualisation.
- 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.
Sélectionnez la section Chart Config (Override) (Configuration du graphique (remplacer)), puis saisissez le code JSON suivant:
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
Pour appliquer vos modifications, cliquez sur Appliquer.
Désormais, l'équipe commerciale peut voir rapidement que les revenus de mars, avril et septembre se situent entre 43 000 $et 45 000 $, et prendre des mesures supplémentaires pour déterminer ce qui s'est passé au cours de ces mois.
Une fois que vous avez personnalisé votre visualisation, vous pouvez l'enregistrer. Si vous avez consulté la visualisation dans une exploration, enregistrez l'exploration. Si vous avez modifié une présentation ou un tableau de bord, cliquez sur Enregistrer.