LuckyTemplates anpassade ikoner | PBI visualiseringsteknik

För dagens handledning kommer jag att diskutera en av mina favorittekniker kring LuckyTemplates anpassade ikoner, som använder anpassade ikoner på ett dynamiskt sätt i LuckyTemplates visuals. Denna handledning är inspirerad av ett inlägg på LuckyTemplates-forumet, där en av våra medlemmar har problem med att lägga till anpassade ikoner till sina kortbilder. Jag kommer att visa hur du kan lösa detta problem effektivt. Du kan se hela videon av denna handledning längst ner på den här bloggen.

Detta är resultatet som medlemmen ville ha, vilket är en enkel kortvisual med text – en uppåtpil om måttets värde är positivt och en röd nedåtpil om värdet är negativt. Om vi ​​klickar här till en annan del av tickern kommer du att se att den dynamiskt ändras till en grön uppåtpil när den är positiv och sedan en röd nedåtpil när den är negativ.

Innehållsförteckning

• Dynamiska Lucky Templates anpassade ikoner i dina rapporter
• Slutsats

Dynamiska Lucky Templates anpassade ikoner i dina rapporter

Ett sätt att införliva detta är att använda Base64-konvertering . Base64 tar binära filer och konverterar dem till ASCII-text. Det finns inget direkt sätt att införliva binära bildfiler i en LuckyTemplates-rapport. Så du måste gå igenom denna kodning genom Base64 för att göra det.

Jag ska visa dig den allmänna strukturen som jag använder för detta, vilket bara är en grundläggande konstruera. I det här fallet är måttet som vi tittar på detta medelvärde av LNRreturn (logg normal avkastning). Om det är mindre än noll får det ett visst värde. Om det är större än noll får det ett annat värde. Och sedan, för enkelhetens skull, har jag sagt att om det inte är någon av dessa, (som i det här fallet) om det är lika med noll, så lämnas det bara tomt.

Och chanserna att detta i genomsnitt blir exakt noll är mycket små. Men du kan lägga in ett tredje värde här, som kanske bara är en horisontell pil som inte visar någon förändring, eller så kan du använda tomt. Jag har precis gjort detta för att förenkla åtgärden i illustrativt syfte.

Låt oss först titta på anpassade ikoner. De anpassade ikonerna som jag använder är från en sida som heter Flaticon . Jag har ingen anknytning till Flaticon. Jag råkar bara tycka att det är en riktigt bra sida. Det låter dig organisera ikonerna på ett riktigt snyggt sätt. Det låter dig redigera dem också. Jag använder dessa mycket i mina LuckyTemplates-rapporter.

Det jag gjorde var att hitta en ikon här som jag trodde skulle fungera bra med medlemmens krav. Och sedan gick jag bara igenom Flaticon-redigeraren och skapade en grön version för upp och en röd version för ner.

Och sedan laddade jag ner en mindre version av de röda och gröna pilarna, vilket är 32px eftersom 512px kommer att generera en mycket stor Base64-version.

Därefter vill vi konvertera dem till Base64. Det finns ett helt gäng Base 64-omvandlare, men en som jag verkligen gillar är denna Base64 image.de . Den har ett trevligt dra och släpp-gränssnitt, och det har bildoptimeringsmöjligheter. Och om du aktiverar detta, kommer det att minska storleken på din resulterande fil utan någon märkbar inverkan på utseendet på det visuella. Om vi ​​arbetar med mer komplexa bilder kommer den optimeringen verkligen att hjälpa till att minska storleken.

Vi kan sedan helt enkelt dra och släppa filerna här, som som du kan se konverterar ganska snabbt.

Sedan kopierar vi bara bilden för var och en och klistrar in den i måttet inuti citattecken. Och du kan se, även för den lilla 32-pixelikonen, det är en ganska rejäl mängd text.

Låt oss sedan skapa ett nytt mått där vi kan kopiera in det. Jag kallar detta mått, Icon2 Base64 . Efter det måste vi ändra datakategorin till bildadress . Nu är vi i god form för att skapa det visuella vi vill ha

Kortgrafik hanterar inte bilder utan användning av anpassade bilder för att läsa dessa bilder, men tabeller hanterar bilder ganska bra. Och så, vi ska bara först skapa en tabellvisual, och vi kan formatera den tabellvisualen så att den ser ut som en kortvisual.

Vi tar vår ikon två Base64-filer, och sedan vårt mått, medelvärdet av LNR. Därefter kan vi bara formatera dessa i enlighet med den nya formatrutan.

Och det är så du gör med Base64. Den andra möjligheten är att använda webbaserade bilder . Anledningen till att du kanske vill göra detta är om du använder mer komplexa bilder. Det finns några saker du kan göra när det gäller att dela upp bilden i bitar och sedan likna den i DAX. Men det enklare sättet att göra det är bara genom webbaserade bilder.

När du har laddat ner filerna (den gröna uppåtpilen och den röda nedåtpilen) kan du gå till en bildvärdsida. Den som jag använder heter IMGBB . Återigen, jag har ingen anknytning till den här webbplatsen; det är bara en som jag råkar gilla som fungerar bra för mig.

Du laddar bara upp dina bilder till den här webbplatsen, går till inbäddningskoder och ser till att du tittar på direktlänkar.

Du kan sedan kopiera dem. Sedan använder vi samma grundläggande struktur som vi gjorde iuttalande kan du klistra in dem i den grundläggande strukturen. Och det borde ge oss precis vad vi behöver ur bildsynpunkt.

Slutsats

Så det är tekniken som jag ville visa er idag. Du kan använda det för att skapa dynamiska LuckyTemplates anpassade ikoner på många olika sätt. Tabeller hanterar detta bra. Du kan göra detta genom matriser också, och sedan finns det några anpassade visuella verktyg som kommer att se dessa bara isolerat inom en ram.

Det finns mycket flexibilitet i den här tekniken och jag hoppas att du tyckte att det var till hjälp. Du kan titta på hela videohandledningen nedan för mer information.

Skål!