Formatage conditionnel avec codes hexadécimaux de transparence

L'un des meilleurs moyens d'implémenter la mise en forme conditionnelle consiste à utiliser l'option Valeur de champ dans le volet Visualisations. Il existe de nombreuses raisons pour lesquelles cette  méthode de mise en forme conditionnelle  est meilleure que beaucoup d'autres, et l'une d'entre elles est que vous pouvez utiliser les masques de transparence sur les codes hexadécimaux dont nous parlerons aujourd'hui. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Table des matières

• Comment rendre la mise en forme conditionnelle transparente
• Curseur paramétrique numérique
• Utilisation de la mesure de police dynamique pour la mise en forme conditionnelle
• Conclusion

Comment rendre la mise en forme conditionnelle transparente

L'image ci-dessus est l'ensemble de données sur les prix des maisons sur lequel nous allons travailler aujourd'hui. Notre objectif est de rendre les barres de ce graphique à barres suffisamment transparentes pour voir la carte en dessous.

Si nous allons à la  page Format  dans le  volet Visualisations , vous verrez qu'il n'y a pas d'option de transparence pour les barres. Cependant, nous pouvons rendre tout élément avec une  option de mise en forme conditionnelle  ici transparent en utilisant la valeur de champ et la mise en forme conditionnelle.

Si nous augmentons un peu ce curseur, il affichera le code hexadécimal avec deux caractères facultatifs à la fin, comme indiqué dans l'image ci-dessous. Ce que ces caractères montrent est le pourcentage d'opacité pour le code hexadécimal.

Les six premiers caractères du code hexadécimal ( 247ba0 ) représentent la couleur bleue de la Garde côtière, tandis que les deux derniers ( 80 ) représentent l'opacité. Vous pouvez calculer l'opacité en soustrayant le pourcentage de transparence ( 20 ) du  100 , ce qui nous donne 80.

Curseur paramétrique numérique

Nous voulons d'abord définir le paramètre à l'aide du curseur de paramètre numérique, puis ajuster la couleur en récoltant le code hexadécimal du tableau. Utilisons  le bleu Space Cadet  pour notre couleur et réglons la transparence à zéro.

Maintenant, cette action ne vous permet pas de voir la carte derrière elle. Si nous examinons cette mesure CF Bar dans DAX, nous avons récolté le code hexadécimal et la  valeur de pourcentage de transparence , comme indiqué dans l'image ci-dessous.

Nous avons ensuite utilisé une simple  construction (TRUE) qui indique que si le  pourcentage de transparence  est 0 , nous renvoyons le code hexadécimal à six caractères ou  PctTrans = 0, Hex . Le 0 nous donne un code hexadécimal d'opacité complète.

De plus, nous avons ajouté que si le  pourcentage de transparence  est de 100,  nous renvoyons le code hexadécimal avec une opacité de 00 ou  PctTrans = 100, Hex & "00" . Le 00 nous donne un code hexadécimal entièrement transparent. L'image ci-dessous montre à quoi ressemble un code hexadécimal entièrement transparent et fait disparaître tout le visuel.

Si nous basculons l' instruction True sur tout ce qui se trouve au milieu et prenons le code hexadécimal à 100 moins le pourcentage de transparence ou  Hex & (100 - PctTrans - 100) , nous pouvons rendre les étiquettes de données plus lisibles en fonction de la sélection. A 50 de transparence ou moins, on est aux couleurs les plus foncées, comme vous pouvez le voir sur l'image ci-dessous

Utilisation de la mesure de police dynamique pour la mise en forme conditionnelle

Nous sommes actuellement dans les couleurs les plus sombres et voulons utiliser le blanc pour les étiquettes de données, nous allons donc utiliser la  mesure de police dynamique  dans la section Champ.

Il indique que si le pourcentage de transparence est inférieur à 50, nous utiliserons le blanc. Si c'est à cent, alors nous le rendons invisible; s'il est supérieur à 50, nous utilisons le noir.

Vous pouvez voir ci-dessous que si nous modifions notre pourcentage de transparence et éclaircissons la couleur de la barre, cela assombrit les étiquettes de données.

Conclusion

Vous pouvez désormais définir votre transparence et votre couleur exactement comme vous le souhaitez et les utiliser dans vos visuels LuckyTemplates. De plus, vous pouvez autoriser l'utilisateur à  modifier les codes hexadécimaux  pour des raisons d'accessibilité, etc.

Il existe de nombreuses autres façons d'utiliser la mise en forme conditionnelle en combinaison avec DAX, le masque de transparence et les numéros d'opacité. La chose intéressante à propos de cette méthode est qu'avec le dégradé ou la mise en forme conditionnelle basée sur des règles, vous ne pouvez y accéder que via la valeur du champ.