Ícones personalizados do LuckyTemplates | Técnica de Visualização PBI

No tutorial de hoje, discutirei uma das minhas técnicas favoritas sobre ícones personalizados do LuckyTemplates, que usa ícones personalizados de forma dinâmica em visuais do LuckyTemplates. Este tutorial é inspirado por uma entrada no fórum LuckyTemplates, em que um de nossos membros está tendo problemas para adicionar ícones personalizados aos visuais de seu cartão. Vou mostrar como você pode resolver esse problema de forma eficiente. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Este é o resultado que o membro queria, que é um cartão visual simples com texto – uma seta para cima se o valor da medida for positivo e uma seta vermelha para baixo se o valor for negativo. Se clicarmos aqui em uma parte diferente do ticker, você verá que ele muda dinamicamente para uma seta verde para cima quando é positivo e para uma seta vermelha para baixo quando é negativo.

Índice

• Ícones personalizados dinâmicos do LuckyTemplates em seus relatórios
• Conclusão

Ícones personalizados dinâmicos do LuckyTemplates em seus relatórios

Uma maneira de incorporar isso é usando a conversão Base64 . Base64 pega arquivos binários e os converte em texto ASCII. Não há uma maneira direta de incorporar arquivos de imagem binários em um relatório do LuckyTemplates. Então, você tem que passar por essa codificação por Base64 para fazer isso.

Mostrarei a estrutura geral que uso para isso, que é apenas uma construção básica . Nesse caso, a medida que estamos analisando é esta Média de LNReturno (log de retornos normais). Se for menor que zero, obtém um determinado valor. Se for maior que zero, ganha um valor diferente. E então, para simplificar, eu disse que se não for nenhum dos dois (como neste caso), se for igual a zero, fica em branco.

E as chances dessa média ser exatamente zero são muito pequenas. Mas, você pode colocar um terceiro valor aqui, que talvez seja apenas uma seta horizontal que não mostra alteração, ou você pode usar em branco. Fiz isso apenas para simplificar a medida para fins ilustrativos.

Agora, vamos dar uma olhada primeiro nos ícones personalizados. Os ícones personalizados que uso são de um site chamado Flaticon . Não tenho nenhuma afiliação com Flaticon. Acontece que acho que é um site muito bom. Ele permite que você organize os ícones de uma maneira muito legal. Ele permite que você os edite também. Eu os uso muito em meus relatórios do LuckyTemplates.

O que fiz foi encontrar um ícone aqui que achei que funcionaria bem com os requisitos do membro. E então, acabei de passar pelo editor Flaticon e criei uma versão verde para cima e uma versão vermelha para baixo.

E então, baixei uma versão menor das setas vermelha e verde, que é 32px porque o 512px vai gerar uma versão Base64 muito grande.

Em seguida, queremos convertê-los em Base64. Há um monte de conversores Base 64, mas um que eu realmente gosto é este Base64 image.de . Possui uma interface agradável de arrastar e soltar e possui recursos de otimização de imagem. E se você ativar isso, reduzirá o tamanho do arquivo resultante sem nenhum impacto perceptível na aparência do visual. Se estivermos trabalhando com imagens mais complexas, essa otimização realmente ajudará a reduzir o tamanho.

Podemos simplesmente arrastar e soltar os arquivos aqui, que, como você pode ver, são convertidos rapidamente.

Depois é só copiar a imagem de cada um e colar no compasso dentro das aspas. E você pode ver, mesmo para aquele pequeno ícone de 32 pixels, esta é uma quantidade bastante grande de texto.

Em seguida, vamos criar uma nova medida onde podemos copiá-la. Chamarei essa medida de Icon2 Base64 . Depois disso, precisamos alterar a categoria de dados para URL da imagem . Agora, estamos em boa forma para criar o visual que queremos

Os visuais de cartão não lidam com imagens sem o uso de visuais personalizados para ler essas imagens, mas as tabelas lidam com imagens muito bem. E assim, primeiro criaremos um visual de tabela e podemos formatá-lo para que se pareça com um visual de cartão.

Tomamos nosso ícone dois arquivos Base64 e, em seguida, nossa medida, a média do LNR. Em seguida, podemos apenas formatá-los de acordo usando o novo painel de formato.

E é assim que você faz com Base64. A outra possibilidade é usar imagens baseadas na web . O motivo pelo qual você pode querer fazer isso é se estiver usando imagens mais complexas. Há algumas coisas que você pode fazer em termos de dividir a imagem em pedaços e, em seguida, assemelhar-se a ela no DAX. Mas a maneira mais fácil de fazer isso é apenas por meio de imagens baseadas na web.

Depois de baixar os arquivos (a seta verde para cima e a seta vermelha para baixo), você pode acessar um site de hospedagem de imagens. O que eu uso chama-se IMGBB . Novamente, não tenho nenhuma afiliação com este site; é apenas um que eu gosto que funciona bem para mim.

Você acabou de enviar suas imagens para este site, vá para os códigos de incorporação e certifique-se de ver os links diretos.

Você pode então copiá-los. Em seguida, usando a mesma estrutura básica que fizemos na instrução SWITCH TRUE , você pode colá-los nessa estrutura básica. E isso deve nos dar exatamente o que precisamos do ponto de vista da imagem.

Como adicionar ícones personalizados do LuckyTemplates aos seus relatórios
Desenvolvimento de relatórios do LuckyTemplates: criando temas, logotipos de empresas, ícones e planos de fundo
O melhor visual personalizado de que você nunca ouviu falar

Conclusão

Essa é a técnica que eu queria mostrar a vocês hoje. Você pode usar isso para criar ícones personalizados dinâmicos do LuckyTemplates de várias maneiras diferentes. As tabelas lidam bem com isso. Você também pode fazer isso por meio de matrizes e, em seguida, existem algumas ferramentas visuais personalizadas que as visualizarão isoladamente em um quadro.

Há muita flexibilidade nessa técnica e espero que você tenha achado isso útil. Você pode assistir ao tutorial em vídeo completo abaixo para obter mais detalhes.

Saúde!