Formatação condicional com códigos hexadecimais de transparência

Uma das melhores maneiras de implementar a formatação condicional é usar a opção Valor do campo no painel Visualizações. Existem inúmeras razões pelas quais esse  método de formatação condicional  é melhor do que muitos, e uma delas é que você pode usar as máscaras de transparência em códigos hexadecimais que discutiremos hoje. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Índice

• Como tornar a formatação condicional transparente
• Controle deslizante de parâmetro numérico
• Usando a medida de fonte dinâmica para formatação condicional
• Conclusão

Como tornar a formatação condicional transparente

A imagem acima é o conjunto de dados sobre preços de imóveis nos quais trabalharemos hoje. Nosso objetivo é tornar as barras neste gráfico de barras transparentes o suficiente para ver o mapa abaixo.

Se formos para a  página Formato  no  painel Visualizações , você verá que não há opção de transparência para as barras. No entanto, podemos tornar transparente qualquer elemento com uma  opção de formatação condicional  usando o valor do campo e a formatação condicional.

Se aumentarmos um pouco esse controle deslizante, ele mostrará o código hexadecimal com dois caracteres opcionais no final, conforme mostrado na imagem abaixo. O que esses caracteres mostram é a porcentagem de opacidade do código hexadecimal.

Os seis primeiros caracteres do código hexadecimal ( 247ba0 ) representam a cor azul da Guarda Costeira, enquanto os dois últimos ( 80 ) representam a opacidade. Você pode calcular a opacidade subtraindo a porcentagem de transparência ( 20 ) de  100 , obtendo assim 80.

Controle deslizante de parâmetro numérico

Primeiro, queremos definir o parâmetro usando o controle deslizante de parâmetro numérico e, em seguida, ajustar a cor colhendo o código hexadecimal da tabela. Vamos usar  o azul Space Cadet  como nossa cor e definir a transparência como zero.

Agora, esta ação não permite que você veja o mapa por trás dela. Se olharmos para esta medida CF Bar no DAX, coletamos o código hexadecimal e o  Percent Transparent Value , conforme destacado na imagem abaixo.

Em seguida, usamos uma  construção (TRUE) simples que diz se a  Percent Transparency  for 0 , retornamos o código hexadecimal de seis caracteres ou  PctTrans = 0, Hex . O 0 nos dá um código hexadecimal de opacidade total.

Além disso, adicionamos que se a  Porcentagem de Transparência  for 100,  retornamos o código hexadecimal com opacidade 00 ou  PctTrans = 100, Hex & “00” . O 00 nos dá um código hexadecimal totalmente transparente. A imagem abaixo é a aparência de um código hexadecimal totalmente transparente e faz com que todo o visual desapareça.

Se mudarmos a declaração True para tudo no meio e levarmos o código hexadecimal para 100 menos a Percent Transparency ou  Hex & (100 – PctTrans – 100) , podemos tornar os rótulos de dados mais legíveis, dependendo da seleção. Com 50 transparências ou menos, estamos nas cores mais escuras, como você pode ver na imagem abaixo

Usando a medida de fonte dinâmica para formatação condicional

No momento, estamos com cores mais escuras e queremos usar branco para os rótulos de dados, então usaremos a  medida de fonte dinâmica  na seção Campo.

Afirma que, se a Porcentagem de Transparência for inferior a 50, usaremos branco. Se for cem, então o tornamos invisível; se for maior que 50, usamos preto.

Você pode ver abaixo que, se alterarmos nossa porcentagem de transparência e clarearmos a cor da barra, os rótulos de dados ficarão escuros.

Conclusão

Agora você pode definir sua transparência e cor exatamente como deseja e usá-la em seus visuais do LuckyTemplates. Além disso, você pode permitir que o usuário  altere os códigos hexadecimais  por motivos de acessibilidade e afins.

Existem várias outras maneiras de usar a formatação condicional em combinação com DAX, máscara de transparência e números de opacidade. O interessante desse método é que, tanto com o gradiente quanto com a formatação condicional baseada em regras, você só pode acessá-lo por meio do valor do campo.