A legjobb egyéni látvány, amelyről még soha nem hallott

Ha egyéni látványelemeket keresett a LuckyTemplates számára, akkor mutatok egy fantasztikusat, amelyet feltételezésem szerint 99%-a még soha nem látott vagy hallott róla. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

A vásárlással, készletezéssel és értékesítéssel foglalkozó -ban találkoztam ezzel. Volt egy adatsorunk, amely elsősorban a beszerzési rendelésekre, követelésekre és számlákra összpontosított.

Ehhez a kihíváshoz meg kellett ábrázolnunk az események közötti időt, és hasznos módon megjeleníteni őket. Az egyik dolog, ami kezdetben eszembe jutott ezzel a kihívással kapcsolatban, az volt, hogy jó lenne, ha a különböző eseményeket egy vízszintes idővonalon, dátum szerint skálázva tudnánk megjeleníteni. Tudtam, hogy erre nincs mód a LuckyTemplates alapvizuáljában.

Ezért felkerestem az AppSource piacterét, és olyan egyéni látványelemeket kerestem, amelyek képesek vízszintes idővonalazásra. Találtam valamit: Query On Timeline .

Van benne valami, amit kerestem – egy sáv dátumokkal és grafikákkal, valamint a sor alatt néhány további információ feltüntetésének lehetőségével, például a beszerzési rendelés dátumaival, a fuvarlevél dátumaival és a számla dátumaival.

Vannak más módok is a használatára, például ez a Kanban stílus.

Használhatja a kicsinyített verziót a látványelemek nélkül is.

Vagy válassza a vízesés stílusát.

Akár a kép a sorba stílust is választhatja.

Sokféleképpen teheted ezt. Amikor elkezdtem ezt vizsgálni, rájöttem, hogy erről nincs dokumentáció. Meglepő módon erről nem volt szó a Microsoft közösségében, ahol szinte mindig lehet találni valamit, ami választ ad kérdésére.

Ezt elsősorban egyedül kellett felfedeznem. Ebben a blogban szeretném bemutatni, mit csináltam vele, és végigvezetem, hogyan kell használni, ha szeretné alkalmazni a saját jelentéseiben.

Ez volt az én bejegyzésem a 7. kihíváshoz a Query on Timeline vizualitással.

A bal alsó képen ez a kulcs található: a narancssárga a beszerzési rendelés dátumát, a középkék a követeléseket, a sötétkék pedig a számla dátumát.

Mindegyik beszerzési rendelés több anyagból áll, különböző szállítási és számla dátummal. Minden teljesen dinamikus, így ha egy másik rendelésen választasz, láthatod, hogy a látvány megváltozik, és anyag szerint szűrheted.

A különböző követelésekhez és számlákhoz kapcsolódó dátumok teljes skálájának megtekintéséhez a fókuszt is elmozdíthatja.

Ha átkattint ezen ikonok bármelyikén, akkor valójában az oldalukra viszi. Például, ha rákattint a számlára…

…egy hamis számla sablonhoz vezet.

Hasonlóképpen, ha a beszerzési rendelésre lép, akkor egy beszerzési rendelési sablonhoz vezet. Ugyanez történik a szállítmányokkal és a fuvarlevelekkel is.

Tartalomjegyzék

• Főbb lépések a LuckyTemplates egyik legjobb egyéni látványvilágának eléréséhez
• A látványtervek előkészítése
• Adatmodell előkészítése
• A LuckyTemplates egyéni látványelemeinek formázása
• Következtetés

Főbb lépések a LuckyTemplates egyik legjobb egyéni látványvilágának eléréséhez

Ez egy kifinomult látványelem, és számos kulcsfontosságú lépés szükséges ahhoz, hogy ez működjön a saját jelentéseiben. Az első a látványelemek előkészítése .

A második lépés a látványelemek feltöltése egy nyilvános tárhelyre, ahol könnyedén megragadhatja az URL-eket a LuckyTemplates-ben történő manipulálás céljából.

Ezenkívül be kell állítania a kiegészítő URL-címét is , amelyek ebben az esetben azok a sablonok, amelyeket az ikonokhoz kapcsoltunk.

Ezután úgy kell beállítania az adatmodellt, hogy az megfeleljen a Query on Timeline követelményeinek .

Más vizualizációkkal ellentétben, amelyek rugalmasak a különféle adatmodellek kezelésekor, ez bizonyos szigorú korlátozásokat követel meg a modell felépítésére vonatkozóan.

Ezt előre figyelembe kell venni, majd magát a vizualitást be kell állítani. Rengeteg konfigurálhatósága van, néhány nem intuitív.

A látványtervek előkészítése

Kezdjük az 1. lépéssel. A Flat Icon nevű webhelyet használom a látványelemekhez.

Nagyon sok jó ikonoldal van; véletlenül ez az, amit használok. Kiválasztottam három ikont, egyet-egyet a vásárláshoz, a szállítmányokhoz és a számlákhoz.

Ezeket az ikonokat a színtémámmal módosítottam. Ha kíváncsi arra, hogyan illesztheti ezeket a színtémájához, nézze meg videómat a LuckyTemplates egyszerű hexadeciális kódokkal való vitatkozásáról .

Miután beállította fényképeit, képeit vagy ikonjait, töltse le és töltse fel őket egy képtárhelyre. Ismét sok jó van. Az általam használt oldal neve ImgBB , ami egy ingyenes, könnyen használható webhely.

A Query On Timeline bejegyzésemben használt ikonok a narancssárga, közepes kék és sötétkék színű ikonok.

Itt a legfontosabb, hogy válassza ki a szükséges ikonokat, majd válassza a Beágyazási kódok beolvasása lehetőséget .

Ez lehetővé teszi a Viewer linkek megjelenítését .

Kattintson a legördülő gombra, és lépjen a Közvetlen hivatkozások elemre.

Ezután másolja ezeket a hivatkozásokat egy jegyzettömbbe. Itt a kulcs a nyilvánosan tárolt képek URL-jének beszerzése.

Ez hasonló ahhoz, amit a kiegészítő URL-ek esetében fog tenni. Ebben az esetben a webhely, ahonnan származott, a Template Labs neve .

Lemásoltam egy jegyzettömbbe a beszerzési rendelés, a fuvarlevél és a számlasablonok URL-jét. Ezeket ugyanúgy kezeljük, mint az ikonok URL-címeit.

Adatmodell előkészítése

A következő teendő az adatmodell elkészítése. Megmutatom, hogyan kezelte a legtöbb ember az adatmodelljét. Ez Mudassir Ali beadványa, és egy csodálatos bejegyzést készített ehhez a kihíváshoz. Nagyon bátorítom, hogy nézze meg.

Sok igazán érdekes látványelem és eszköztipp van ide ágyazva, valamint néhány klassz technika. Ennek eléréséhez három ténytáblát tartalmazó adatmodellt épített fel, ami teljesen jó megközelítés ebben a kihívásban.

Ez jó módszer volt a számítások elvégzésére és a szükséges analitikai eredmények meghozatalára. Ez a modell azonban nem támogatja az idővonal megközelítést.

A beadványom alapvetően sok erőltetett lekérdezési munka volt, hogy ezt a három ténytáblát egyetlen végpontok közötti tranzakciós táblává alakítsam.

A fórumon igen sokat írhatunk arról, hogyan jutottunk el a bejegyzéseinkhez. Elolvashatja, hogyan állítottam össze részletesen a végpontok közötti tranzakciós táblázatot.

Ha megnézzük a tranzakciós táblázatot, számos dátumot kapunk: beszerzési rendelés dátuma, számla dátuma, követelés dátuma és egyéb számított dátumok.

Az idővonal lekérdezéséhez egyetlen dátumoszlopra van szükség. Tehát miután összeállítottam ezt az egyetlen tranzakciós táblát, feloldottam, majd összekapcsoltam az unpivoted verziót az adatmodellemmel. Vegye figyelembe, hogy a címben az áll, hogy pivot, de ez valójában nem forog.

Ha újra megnézzük a tranzakciós táblázatot, akkor a Dátumkategória oszlopot és az egyetlen Dátum oszlopot láthatjuk .

A Dátumkategória oszlop alapvetően három fő kategóriába lett lebontva: megrendelt , érkezett és számlázott . De vannak helyi és globális maximumok és minimumok is.

Rendelkezésünkre áll a Megrendelés URL-je (PO URL).

Ha visszanézünk a tranzakciós táblára, látni fogjuk ezeknek az URL-eknek a számított oszlopait, amelyek olyan utasítások, amelyek az adatkategóriát nézik, és hozzárendelik a képtárhely URL-jét a megfelelő ikonhoz.

Ugyanezt csináljuk hasonlóannyilatkozat a sablon hozzárendeléséhez, amely szintén a Dátumkategória mezőn alapul.

Így rendeltem hozzá minden rekordhoz a megfelelő ikont és sablont.

Ha visszamegyünk az unpivot táblához, látni fogjuk az egyetlen Dátum oszlopot , a Dátum kategóriát és a két URL-mezőt a beszerzési rendelésekhez és sablonokhoz.

Ez minden, amire szükségünk van az idővonal megfelelő beállításához.

Ha belemegyünk a vizuális és a főbb mezőkbe, akkor a Cím az az elforgatatlan dátumkategória, amelyet megmutattam.

A Dátum/Idő két dolog egyike lehet: a ténytábla dátuma az univered verzióban vagy az érvényesített dátum a Dátum táblában. Itt bármelyik működik.

Az opcionális URL a sablon URL-je, amely az ikonkattintáshoz kapcsolódik.

Az opcionális kép a beszerzési rendelés URL mezője.

Most, ha megnézzük azt a PO URL mezőt, be kell állítanunk az Adatkategóriát a Kép URL-be, mivel az automatikusan szöveges lesz. Ha szövegként tartja meg, a képek nem jelennek meg megfelelően.

Ha az URL mezőt állítja be, a képek megfelelően átjönnek a képtárhelyről.

Ezek a lépések alapvetően azt mutatják, hogyan állíthatja be megfelelően az alapmezőket a vizualizáción.

A LuckyTemplates egyéni látványelemeinek formázása

Most csak szeretném végigvezetni a jelentés néhány formázásán. Az első releváns a Stagger Text , amely lépcsőzetes hatást hoz létre.

Ha kikapcsoljuk a Stagger Textet, akkor mindent ugyanazon a sorban kapunk. De ha több mezője viszonylag közel van egymáshoz, akkor átfedik egymást, és olvashatatlanná válnak. Ez az oka annak, hogy az automatikus számításnál eltoltuk a szöveget.

A Szöveg felül funkcióval az alábbi lépcsőzetes szöveget a sor fölé helyezheti.

A félkövér címek lehetővé teszik a cím félkövérrel való kiemelését. Van néhány dátumformázás is, amelyet az X tengelyen végezhet. Megjelenítheti vagy nem jelenítheti meg a dátumokat a tengelyen.

A Manual Scale Date kapcsolók azért is fontosak, mert ha bekapcsoljuk, a kezdőpont és a végpont állandó marad.

Ennek be kell kapcsolnia, mert meghatározott időnk van az adatokra. Meg akarjuk mutatni az adott időponthoz viszonyítva, hogy hol fordulnak elő ezek a különböző események.

Ha ezt kikapcsoljuk, akkor minden beszerzési rendelés utolsó adatpontja lesz az adott sor végpontja. Mint látható, a végpont március.

Ebben az esetben szeretnénk bekapcsolni a kézi skálázást, és január 1-jén kezdjük el, ami az adatkészlet kezdete, és június 30-án fejezzük be, ami az adatkészlet végét jelenti.

A Manual Scale Pixels beállítja a vonal szélességét. Az egyetlen ok, amiért ezt bekapcsoltuk, az volt, hogy rést hozzunk létre, hogy ne fusson, és hozzunk létre egy görgetősávot az alján.

Az Egyelem tulajdonságok akkor hasznosak, ha kategóriánként csak egy esemény van.

Mivel ez nem rendelkezik teljes körű egyéni feltételes formázással , ezzel a funkcióval beállíthatja az egyes kategóriák betűtípusát, színét és tulajdonságait. Csak az elsőt teszi lehetővé, míg a többi az alapértelmezett színben van. Remélhetőleg egy későbbi verzióban a teljes feltételes formázást fogják használni.

A Képbeállítások segítségével átméretezheti a képek méretét, és fenntarthatja a megfelelő távolságot.

A Stílus segítségével több stílus közül választhat: Bar stílus, Vonalstílus, Vízesés stílus és Kanban stílus.

Mi a Bar stílust választjuk, de más alkalmazások esetén érdemes lehet kísérletezni és játszani ezzel a funkcióval.

Ez az egyéni vizualizáció dinamikusan képes megjeleníteni a mai dátumot, de ebben az esetben nem releváns, mert nem terjed ki az adataink hosszára.

Lehetősége van arra is, hogy a dátumokat naptárfájlként töltse le a Google Naptárból vagy az Outlookból.

Következtetés

Ez egy példa arra, hogyan konfigurálhat egyéni látványelemeket a LuckyTemplates számára. Sok kísérletezésre van szükség ahhoz, hogy pontosan jól nézzen ki, de úgy gondolom, hogy értékes módot kínál az adatok megjelenítésére.

Remélhetőleg hasznosnak találta ezt az oktatóanyagot, és talált valamit, amivel érdemes lehet kísérletezni és játszani.

Kérjük, iratkozzon fel a LuckyTemplates TV- re , ha még nem tette meg. Hamarosan sok új videótartalommal jelentkezünk.