Associer des couleurs conditionnelles à un nombre

Objectif

Dans les widgets de type nombre, les données peuvent être affichées selon un code couleur conditionné à leur valeur :

  • une couleur spécifique si la valeur est supérieure à un seuil (que vous définissez à votre convenance)
  • une couleur spécifique si la valeur est inférieure à un seuil (que vous définissez également à votre convenance, il peut être identique ou différent du premier seuil défini)

Comment associer une couleur conditionnelle à un widget

Dans notre exemple, sur notre dashboard SAV, nous souhaitons que la valeur affichée sur le widget PRIORITÉ Urgente apparaisse :

  • en monochrome (gris) par défaut
  • en rouge si sa valeur est supérieure à 4
  • en orange si sa valeur est inférieure à 1

Pour cela :

Aller sur le dashboard SAV

Cliquer sur le bouton Design

Cliquer sur le widget Urgente 

Cliquer sur Type de widget 

Activer Couleur monochrome

Activer Couleur si supérieur, puis choisir le niveau du seuil et la couleur correspondante, dans notre exemple, nous choisissons de fixer le seuil à 4 et la couleur rouge

Activer Couleur si inférieur, puis choisir le niveau du seuil et la couleur correspondante, dans notre exemple, nous choisissons de fixer le seuil à 1 et la couleur orange

Cliquer sur Enregistrer

Les résultats visuels obtenus varient en fonction de la valeur de la donnée dans le widget Urgente :

  • Cas 1 : s'il n'y a pas de demande urgente, la valeur apparait en orange comme souhaité

  • Cas 2 : s'il y a plus de 4 demandes urgentes, la valeur apparait en rouge comme souhaité

  • Cas 3 : s'il y a 2 demandes urgentes, la valeur apparait en monochrome gris, car elle n'est ni inférieure à 1, ni supérieure à 4

Cet article pourrait vous intéresser