LuckyTemplates egyéni ikonok | PBI vizualizációs technika

A mai oktatóanyagban az egyik kedvenc technikámról fogok beszélni a LuckyTemplates egyéni ikonjai körül, amely dinamikusan használja az egyéni ikonokat a LuckyTemplates látványelemeiben. Ezt az oktatóanyagot a LuckyTemplates fórum egyik bejegyzése ihlette, ahol az egyik tagunknak gondja van egyéni ikonok hozzáadásával a kártyáihoz. Megmutatom, hogyan lehet hatékonyan megoldani ezt a problémát. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

Ez az eredmény, amit a tag akart, ami egy egyszerű kártyavizuális szöveggel – felfelé mutató nyíllal, ha a mérték értéke pozitív, és piros lefelé mutató nyíllal, ha az érték negatív. Ha ide kattintunk a ticker egy másik részére, látni fogja, hogy dinamikusan zöld felfelé mutató nyílra változik, ha pozitív, majd piros le nyílra, ha negatív.

Tartalomjegyzék

• Dinamikus LuckyTemplates egyéni ikonok a jelentésekben
• Következtetés

Dinamikus LuckyTemplates egyéni ikonok a jelentésekben

Ennek beépítésének egyik módja a Base64 konverzió . A Base64 bináris fájlokat vesz és ASCII szöveggé alakítja azokat. Nincs közvetlen mód a bináris képfájlok LuckyTemplates jelentésbe való beépítésére. Tehát ehhez a kódoláson keresztül kell mennie a Base64-en keresztül.

Megmutatom az általam használt általános struktúrát, ami csak egy alap építeni. Ebben az esetben az általunk vizsgált mérték az LNRreturn átlaga (normál hozamok naplózása). Ha kisebb, mint nulla, akkor egy bizonyos értéket kap. Ha nagyobb, mint nulla, akkor más értéket kap. Aztán az egyszerűség kedvéért azt mondtam, hogy ha ezek egyike sem, (mint ebben az esetben), ha egyenlő nullával, akkor csak üresen marad.

És nagyon kicsi annak az esélye, hogy ez az átlag nullára csökkenjen. De beírhat ide egy harmadik értéket is, ami talán egy vízszintes nyíl, amely nem mutat változást, vagy használhat üresen. Ezt csak azért tettem meg, hogy szemléltetés céljából egyszerűsítsem a mértéket.

Most először nézzük meg az egyéni ikonokat. Az általam használt egyéni ikonok a Flaticon nevű webhelyről származnak . Nem állok kapcsolatban a Flaticonnal. Csak azt gondolom, hogy ez egy nagyon jó oldal. Lehetővé teszi az ikonok igazán szép rendezését. Lehetővé teszi azok szerkesztését is. Ezeket gyakran használom a LuckyTemplates jelentéseimben.

Amit tettem, csak találtam itt egy ikont, amelyről úgy gondoltam, hogy jól működik a tag követelményeivel. Aztán átnéztem a Flaticon szerkesztőt, és létrehoztam egy zöld verziót a felfelé és egy piros verziót a lefelé.

Aztán letöltöttem a piros és zöld nyilak kisebb verzióját, ami 32 képpont, mert az 512 képpontos egy nagyon nagy Base64 verziót fog generálni.

Ezután ezeket szeretnénk Base64-be konvertálni. Van egy csomó Base 64 konverter, de az egyik, ami nagyon tetszik, az a Base64 image.de . Szép fogd és vidd felülete van, és képoptimalizálási lehetőségekkel rendelkezik. Ha pedig engedélyezi ezt, akkor csökkenti az eredményül kapott fájl méretét anélkül, hogy észrevehetően befolyásolná a látvány megjelenését. Ha összetettebb képekkel dolgozunk, akkor ez az optimalizálás valóban segít a méret csökkentésében.

Ezután egyszerűen húzhatjuk ide a fájlokat, amelyek, mint látható, meglehetősen gyorsan konvertálhatók.

Ezután mindegyikhez másoljuk a képet, és illesszük be az idézőjelek közé. És láthatja, hogy ez még a kis, 32 pixeles ikonhoz képest is elég tetemes mennyiségű szöveg.

Ezután hozzunk létre egy új mértéket, amelybe bemásolhatjuk. Ezt a mértéket Icon2 Base64-nek nevezem el . Ezt követően módosítanunk kell az Adatkategóriát Kép URL- re . Most jó állapotban vagyunk a kívánt látvány létrehozásához

A kártyavizualizációk nem kezelik a képeket anélkül, hogy egyéni látványelemeket használnának a képek olvasásához, de a táblázatok meglehetősen jól kezelik a képeket. Tehát először hozzunk létre egy táblázat vizualizációt, és formázza azt, hogy az úgy nézzen ki, mint egy kártyavizuál.

Ikonunkra vesszük két Base64 fájlt, majd a mértéket, az LNR átlagát. Ezután ezeket megfelelően formázhatjuk az új formátumpanel segítségével.

És így kell ezt csinálni a Base64-gyel. A másik lehetőség a webalapú képek használata . Ezt azért érdemes megtenni, ha összetettebb képeket használ. Van néhány dolog, amit megtehet, ha a képet darabokra osztja, majd a DAX-ban hasonlítja össze. De ennek egyszerűbb módja a webalapú képek.

Miután letöltötte a fájlokat (a zöld felfelé mutató nyíl és a piros lefelé mutató nyíl), felkereshet egy képtárhelyet. Az általam használt IMGBB- nek hívják . Még egyszer mondom, nincs kapcsolatom ezzel az oldallal; ez csak az egyik tetszik, ami jól működik nekem.

Csak töltse fel a képeket erre az oldalra, lépjen a beágyazási kódokhoz, és győződjön meg arról, hogy közvetlen hivatkozásokat keres.

Ezután átmásolhatja azokat. Ezután ugyanazt az alapstruktúrát használva, mint autasítást, beillesztheti azokat abba az alapstruktúrába. Ez pedig pontosan azt adja, amire szükségünk van imázs szempontjából.

Következtetés

Szóval ezt a technikát szerettem volna ma bemutatni. Ezt sokféle módon használhatja dinamikus LuckyTemplates egyéni ikonok létrehozására. Az asztalok ezt jól kezelik. Ezt megteheti mátrixokon keresztül is, és van néhány egyéni vizuális eszköz, amely ezeket csak elszigetelten, egy kereten belül tekinti meg.

Ebben a technikában nagy a rugalmasság, és remélem, hogy hasznosnak találtad. További részletekért tekintse meg a teljes videós bemutatót alább.

Egészségére!