Ehhez a blogbejegyzéshez szeretnék ma szánni egy kis időt, és bemutatni Önnek a LuckyTemplates egy olyan egyedi vizualizációját, amelyet elkezdtem használni, és amely sok rugalmasságot és olyan képességeket biztosít, amelyek nem lehetségesek a natív LuckyTemplates vizualizációkon belül. Az oktatóanyag teljes videóját a blog alján tekintheti meg.
Tudom, hogy mostanában sokat beszélünk Denebről, és jó okkal, de ez is sok rugalmasságot biztosít. A kettő együtt használata igen erős párost alkot. Az egyéni vizualizáció, amelyről beszélek, a K Team Solutions HTML- és CSS-megjelenítője .
A közelmúltban megjelent egy cikk arról, hogyan vezérelhető egy DAX-mértéken alapuló kártyavizuális szín és rich text formázási attribútuma. A szín biztosan nem probléma; ez az, amit a LuckyTemplates-en belül nagyon könnyen megtehetünk.
A szövegek attribútumai, például a félkövér és a dőlt betűk DAX-mértékekkel történő vezérlése olyasvalami, amit a natív LuckyTemplates programokkal nem lehet megtenni, de ezzel a HTML CSS-megjelenítővel meglehetősen egyszerű. A vizualizáció segítségével vizuális effektusokat is létrehozhat, és átfogó KPI-kártya megközelítést alakíthat ki.
Nézzük a fórumbejegyzést. Alapvetően a tagnak volt egy egyszerű, mértékre épülő kártyavizuálisa, és meg akarták változtatni a szöveg attribútumait.
Ugorjunk a LuckyTemplates alkalmazásba, hogy újra létrehozzuk ezt a forgatókönyvet. A mértéket a makettkészítéshez használt külső eszköz gyakorlati adatkészlete alapján állítjuk be .
Úgy állítjuk be, hogy ha az éves összértékesítés meghaladja a 40 milliót, akkor félkövér és piros lesz.
És ha ennél kevesebb volt, akkor kék lesz, és nem félkövér.
Tartalomjegyzék
A HTML CSS Viewer egyéni vizualizációjának letöltése a LuckyTemplates alkalmazásban
Megmutatom, hogyan lehet ezt megtenni. Az első dolog, hogy ténylegesen megkapja a látványt. Nyissa meg az AppSource-t , és írja be a HTML CSS Viewer parancsot.
Ez egy fizetős vizualizáció lesz, és egyelőre ingyenes próbalicencet kaphat a webhelyükről 2022. szeptember végéig. Pár hónapja van, hogy ingyenesen tesztelje.
Miután betöltöttük a LuckyTemplatesbe, láthatjuk a látványpanelen. Állandó látványként rögzíthetjük, ha gyakran használjuk.
A betűtípus tulajdonságainak módosítása egyéni vizualizációval a LuckyTemplates alkalmazásban
Ha megnézzük a szövegmezőt, két fő mértéket használunk itt: egy HTML-mértéket és egy CSS-mértéket. A HTML biztosítja a weboldal általános szerkezetét, míg a CSS a formázást.
Itt van egy HTML-címke, majd az ID=container egy visszahívás a CSS-hez. Ennek lényegi része csupán a cím a szövegdobozban.
És ha a CSS-hez megyünk, akkor a dolgok egy kicsit bonyolultabbá válnak.
Az általam használt általános struktúra a Style 1 változó, majd a Style 2 mint változó.
Ezt egy egyszerű if-állítás követi , amely szerint „ha az összértékesítés meghaladja a 40 milliót, akkor a második stílust használja; ha nem, akkor az 1. stílust használja.” Az egyetlen nehéz emelés, amelyet ennek a két stílusnak a meghatározása végez.
Az egyéni alkalmazás használata különböző módokon
Az alkalmazáshoz egy nagyon részletes jelentés is tartozik, amely bemutatja, hogy sok különböző dolgot tehet ezzel a vizualizációval.
Mint korábban említettem, itt vannak a kártyák, amelyeket megtehet.
A vizualizáció használatakor részletes táblázatokat is létrehozhat.
Létrehozhat szövegdomináns látványt is.
A céloldal opciónál szöveggörgetőt is használhat betűtípus- és háttérbeállításokkal.
Ha végigmegyünk a Changing Text CSS-kódon, az nagyon intuitív. Módosíthatjuk a betűméretet, a betűméretet és a betűszínt.
Ezt bemásolhatjuk a sablonba, majd felhasználhatjuk a második mérték alapjául. Ha visszamegyünk a fájlunkba, megkapjuk a Card Title CSS-t, amely a formázást vezérli.
A kimásolt kódot beillesztettük, hogy megkapjuk a kék színt és a legkönnyebb betűsúlyt az 1. stílushoz. Ezután ugyanaz a betűtípus a 2. stílusban piros színnel és a legnagyobb betűsúllyal a félkövér hatás létrehozásához.
Ezt áttesszük az IF utasításon, és a mérték értékétől függően kiválasztja a stílust. Csak megtesszük ezt a két intézkedést, majd a HTML-t és a CSS-t behelyezzük ezekbe a helyekre.
Ezzel a technikával könnyedén formázhat rich text attribútumokat HTML és CSS használatával.
Animáció és GIF hozzáadása a jelentéshez
Az egyéni betűtípusok használatán kívül lehetőségünk van animációk és GIF-ek használatára is. Kitaláltam egy egyszerű intézkedést, ahol HTML-t használtam az egyéni címhez.
Ezután ezt a CSS-fájlt használtam három stílus létrehozására különböző egyéni betűtípusokkal.
Ezek csak valódi vagy nyílt típusú betűtípusok, amelyeket ingyenesen letöltöttem. A stílus az alapértelmezett, ami azt jelenti, hogy semmi sem lett kiválasztva a szeletelőben.
Ezen kívül van egy GIF-mérésem. Beépítettem három GIF-fájlt, amelyeket feltöltöttem az imgbb webhelyre , majd a közvetlen URL-címeket használtam, és a HTML CSS-vizualizáció mintajelentésében szereplő formátumot használva a HTML-címkébe helyeztem őket.
Ezután egy egyszerű SWITCH TRUE mértéket használtam a megfelelő GIF kiválasztásához. Ha nincs kiválasztva semmi, akkor csak egy üres helyet választ ki.
Így néz ki, ha nincs kiválasztva semmi a szeletelőben.
És aztán ha kiválasztunk a szeletelőben, ezt látjuk.
Ennek az egyéni vizualizációnak a használatával mostantól egyéni betűtípusokat is kiválaszthatunk. Hozzáadhatunk GIF-eket is, majd ezeket a GIF-eket a szeletelők kiválasztásához és a DAX-mértékekhez köthetjük. Ezek dinamikusan változnak a szeletelő választásától függően.
Van azonban egy fontos korlátozás. Amikor közzéteszi ezt a szolgáltatásban, a betűtípust telepíteni kell a helyi gépre, hogy a felhasználó lássa.
Ha a betűtípus telepítve van a helyi gépen, akkor a LuckyTemplates szolgáltatásban való közzétételkor megfelelően megjelenik a HTML-nézegetőn keresztül. Ha a betűtípus nincs betöltve a helyi gépre, akkor visszaáll az alapértelmezett betűtípuscsaládhoz.
Következtetés
A K Team Solutions HTML- és CSS-megjelenítője egy nagyszerű egyéni vizualizáció a LuckyTemplatesben, és testreszabható és érdekes módot kínál a jelentések vizualizációjának módosítására. Határozottan ajánlom, hogy töltse le ezt az alkalmazást, és játsszon vele.
Ezenkívül ne felejtsen el előfizetni a LuckyTemplates TV-csatornára. Rengeteg tartalom jön ki folyamatosan tőlem és egy sor tartalomkészítőtől, mindannyian elkötelezettek a LuckyTemplates és a Power Platform használatának javításáért.
Végül nézze meg a LuckyTemplates webhelyét további forrásokért és további információkért, amelyekhez nagyon könnyen hozzáférhet.
Ismerje meg, hogyan töltheti le és telepítheti a DAX Studio és a Tabular Editor 3 alkalmazást, és hogyan konfigurálhatja őket a LuckyTemplates és az Excel programban való használatra.
Ez a blog tartalmazza a Shape Map vizualizációt a LuckyTemplates térbeli elemzéséhez. Megmutatom, hogyan használhatja hatékonyan ezt a vizualizációt annak funkcióival és elemeivel.
Ebben az oktatóanyagban egy egyedülálló ötletet mutatok be a pénzügyi jelentésekkel kapcsolatban, amely az eredmények hozzárendelését jelenti a LuckyTemplates-en belüli táblázatsablonok előre meghatározásához.
Hozzon létre DAX-mértékeket a LuckyTemplates alkalmazásban meglévő mértékek vagy képletek használatával. Ezt nevezem mértékelágazási technikának.
Ebben a blogban fedezze fel a LuckyTemplates adatkészletet, a leghatékonyabb függvényhívást, amely M- és DAX-függvények ezreit juttatja a keze ügyébe.
A mai oktatóanyagban megosztok néhány adatmodellezési technikát a DAX-mérések jobb rendszerezéséhez a hatékonyabb munkafolyamat érdekében.
A LuckyTemplates egy nagyszerű eszköz a pénzügyi jelentésekhez. Itt található egy oktatóanyag, amely bemutatja, hogyan hozhat létre személyre szabott táblázatokat a LuckyTemplates pénzügyi irányítópultjához.
Ez az oktatóanyag megvitatja a Power Query nyelvi folyamatot, és azt, hogyan segíthet zökkenőmentes és hatékony adatjelentések létrehozásában.
Az egyik kedvenc technikámról fogok beszélni a LuckyTemplates egyéni ikonok körül, amely dinamikusan használja az egyéni ikonokat a LuckyTemplates vizualizációkban.
Ebben a blogban megmutatom, hogyan hozhat létre LuckyTemplates táblázatokat olyan képlet segítségével, amely egyesíti az UNION és a ROW függvényt.
