LuckyTemplates egendefinerte ikoner | PBI visualiseringsteknikk

For dagens veiledning vil jeg diskutere en av mine favorittteknikker rundt LuckyTemplates-tilpassede ikoner, som bruker egendefinerte ikoner på en dynamisk måte i LuckyTemplates-visuelt. Denne opplæringen er inspirert av en oppføring på LuckyTemplates-forumet, der et av medlemmene våre har problemer med å legge til egendefinerte ikoner til kortbildene sine. Jeg vil vise hvordan du kan løse dette problemet effektivt. Du kan se hele videoen av denne opplæringen nederst på denne bloggen.

Dette er resultatet som medlemmet ønsket, som er en enkel kortvisual med tekst – en pil opp hvis verdien på tiltaket er positiv og en rød pil ned hvis verdien er negativ. Hvis vi klikker her til en annen del av tickeren, vil du se at den dynamisk endres til en grønn pil opp når den er positiv og deretter en rød pil ned når den er negativ.

Innholdsfortegnelse

• Dynamiske LuckyTemplates tilpassede ikoner i rapportene dine
• Konklusjon

Dynamiske LuckyTemplates tilpassede ikoner i rapportene dine

En måte å innlemme dette på er å bruke Base64-konvertering . Base64 tar binære filer og konverterer dem til ASCII-tekst. Det er ingen direkte måte å inkorporere binære bildefiler i en LuckyTemplates-rapport. Så du må gå gjennom denne kodingen gjennom Base64 for å gjøre det.

Jeg skal vise deg den generelle strukturen jeg bruker for dette, som bare er grunnleggende konstruere. I dette tilfellet er målet vi ser på dette gjennomsnittet av LNReturn (logg normal avkastning). Hvis den er mindre enn null, får den en viss verdi. Hvis den er større enn null, får den en annen verdi. Og så, for enkelhets skyld, har jeg sagt at hvis det ikke er noen av disse, (som i dette tilfellet) hvis det er lik null, blir det bare tomt.

Og sjansene for at dette går i gjennomsnitt til nøyaktig null er svært små. Men du kan legge inn en tredje verdi her, som kanskje bare er en horisontal pil som ikke viser noen endring, eller du kan bruke blank. Jeg har nettopp gjort dette for å forenkle tiltaket for illustrative formål.

La oss nå først se på egendefinerte ikoner. De tilpassede ikonene jeg bruker er fra et nettsted som heter Flaticon . Jeg har ingen tilknytning til Flaticon. Jeg synes bare det er en veldig bra side. Den lar deg organisere ikonene på en veldig fin måte. Den lar deg redigere dem også. Jeg bruker disse mye i LuckyTemplates-rapportene mine.

Det jeg gjorde var å finne et ikon her som jeg trodde ville fungere bra med medlemmets krav. Og så gikk jeg bare gjennom Flaticon-editoren og laget en grønn versjon for opp og en rød versjon for ned.

Og så lastet jeg ned en mindre versjon av de røde og grønne pilene, som er 32px fordi 512px kommer til å generere en veldig stor Base64-versjon.

Deretter ønsker vi å konvertere dem til Base64. Det finnes en hel haug med Base 64-omformere, men en jeg virkelig liker er denne Base64 image.de . Den har et fint dra-og-slipp-grensesnitt, og det har bildeoptimaliseringsmuligheter. Og hvis du aktiverer dette, vil det redusere størrelsen på den resulterende filen uten noen merkbar innvirkning på utseendet til det visuelle. Hvis vi jobber med mer komplekse bilder, vil den optimaliseringen virkelig bidra til å redusere størrelsen.

Vi kan da ganske enkelt dra og slippe filene her, som som du kan se konverterer ganske raskt.

Deretter kopierer vi bare bildet for hver enkelt og limer det inn i målet i anførselstegnene. Og du kan se, selv for det lille 32-pikselikonet, er dette en ganske heftig mengde tekst.

La oss deretter lage et nytt mål der vi kan kopiere det inn. Jeg kaller dette målet, Icon2 Base64 . Etter det må vi endre datakategorien til bilde-URL . Nå er vi i god form for å lage det visuelle vi ønsker

Visuelle kort håndterer ikke bilder uten bruk av egendefinerte bilder for å lese disse bildene, men tabeller håndterer bilder ganske bra. Og så, vi skal bare først lage en tabellvisualisering, og vi kan formatere den tabellvisualen slik at den ser ut som en kortvisualisering.

Vi tar ikonet vårt to Base64-filer, og deretter målet vårt, gjennomsnittet av LNR. Deretter kan vi bare formatere disse tilsvarende ved å bruke den nye formatruten.

Og det er slik du gjør det med Base64. Den andre muligheten er å bruke nettbaserte bilder . Grunnen til at du kanskje vil gjøre dette er hvis du bruker mer komplekse bilder. Det er noen ting du kan gjøre når det gjelder å dele bildet i biter og deretter ligne det i DAX. Men den enklere måten å gjøre det på er bare gjennom nettbaserte bilder.

Når du har lastet ned filene (den grønne opp-pilen og den røde ned-pilen), kan du gå til en bildevertsside. Den jeg bruker heter IMGBB . Igjen, jeg har ingen tilknytning til dette nettstedet; det er bare en jeg liker som fungerer bra for meg.

Du laster bare opp bildene dine til denne siden, går til innebygde koder og kontrollerer at du ser på direkte lenker.

Du kan deretter kopiere dem. Deretter bruker vi den samme grunnleggende strukturen som vi gjorde iuttalelse, kan du lime dem inn i den grunnleggende strukturen. Og det burde gi oss akkurat det vi trenger fra et bildesynspunkt.

Konklusjon

Så det er teknikken jeg ønsket å vise deg i dag. Du kan bruke det til å lage dynamiske LuckyTemplates-tilpassede ikoner på mange forskjellige måter. Tabeller takler dette godt. Du kan også gjøre dette gjennom matriser, og så er det noen tilpassede visuelle verktøy som vil se disse bare isolert innenfor en ramme.

Det er mye fleksibilitet i denne teknikken, og jeg håper du fant det nyttig. Du kan se hele videoopplæringen nedenfor for mer informasjon.

Jubel!