Cea mai bună imagine personalizată de care n-ai auzit niciodată

Dacă ați căutat elemente vizuale personalizate pentru LuckyTemplates, vă voi arăta una minunată despre care bănuiesc că 99% dintre voi nu ați mai văzut sau auzit până acum. Puteți urmări videoclipul complet al acestui tutorial în partea de jos a acestui blog.

Am întâlnit asta în , care se ocupa de achiziții, inventar și vânzări. Aveam un set de date care s-a concentrat în principal pe comenzi de cumpărare, creanțe și facturi.

Pentru această provocare, trebuia să descriem timpul dintre aceste evenimente și să le vizualizăm într-un mod util. Unul dintre lucrurile care mi-a sărit în evidență inițial despre această provocare a fost că ar fi grozav dacă am putea arăta diferitele evenimente pe o cronologie orizontală scalată în funcție de dată. Știam că nu există o modalitate de a face asta în imaginile de bază din LuckyTemplates.

Așa că am mers pe piața AppSource și am căutat imagini personalizate care pot face cronologie orizontală. Am găsit ceva numit Query On Timeline .

Are ceva ce căutam – o bară cu date și grafice și capacitatea de a include câteva informații suplimentare sub linie, cum ar fi datele comenzii de achiziție, datele conosamentului și datele facturilor.

Există și alte moduri în care puteți utiliza acest lucru, cum ar fi acest stil Kanban.

De asemenea, puteți utiliza versiunea redusă fără elemente vizuale.

Sau alegeți stilul în cascadă.

Puteți alege chiar și stilul picture-in-line.

Există o mulțime de modalități în care puteți face acest lucru. Pe măsură ce am început să investighez acest lucru, am aflat că nu există documente despre asta. Nu a fost nimic surprinzător despre asta în comunitatea Microsoft, unde aproape întotdeauna poți găsi ceva care să răspundă la întrebarea ta.

A trebuit să-l explorez pe acesta în primul rând pe cont propriu. În acest blog, vreau să vă arăt ce am făcut cu el și să vă explic cum să îl utilizați în cazul în care sunteți interesat să îl aplicați în propriile rapoarte.

Aceasta a fost intrarea mea pentru Provocarea #7 folosind interogarea vizuală pe cronologie.

Imaginea din stânga jos are această cheie: portocaliul era pentru datele comenzilor de achiziție, albastrul mediu era creanțe, iar albastrul închis era datele facturilor.

Fiecare dintre comenzile de achiziție are mai multe materiale cu date de livrare diferite și date diferite ale facturii. Totul este complet dinamic, așa că dacă selectezi pe o altă comandă de cumpărare, poți vedea că vizualul se modifică și îl poți filtra după material.

Puteți, de asemenea, să vă îndepărtați de focalizare pentru a vedea întreaga gamă de date asociate diferitelor creanțe și facturi.

Dacă dați clic pe oricare dintre aceste pictograme, vă va duce de fapt la pagina lor. De exemplu, dacă faceți clic pe factură...

…te va duce la un model de factură.

Și, în mod similar, dacă mergeți la comanda de cumpărare, vă va duce la un șablon de comandă de achiziție. Același lucru se întâmplă și cu livrările și conosamentul.

Cuprins

• Pași cheie pentru a obține una dintre cele mai bune imagini personalizate pentru LuckyTemplates
• Pregătirea imaginilor
• Pregătirea modelului de date
• Formatarea elementelor vizuale personalizate pentru LuckyTemplates
• Concluzie

Pași cheie pentru a obține una dintre cele mai bune imagini personalizate pentru LuckyTemplates

Acesta este o imagine sofisticată și există mai mulți pași cheie pentru ca acest lucru să funcționeze pe propriile rapoarte. Prima este să vă pregătiți imaginile .

Al doilea pas este să încărcați elementele vizuale pe un site de găzduire public de unde puteți prelua cu ușurință URL-urile pentru manipulare în LuckyTemplates.

De asemenea, trebuie să configurați adresa URL suplimentară , care, în acest caz, sunt șabloanele simulate pe care le-am conectat la pictograme.

Apoi, trebuie să configurați modelul de date într-un mod care să fie în concordanță cu cerințele de Interogare pe cronologie .

Spre deosebire de alte elemente vizuale care sunt flexibile atunci când se ocupă cu o varietate de modele de date, aceasta necesită anumite limitări stricte asupra modului în care vă structurați modelul.

Trebuie să țineți cont de acest lucru din timp și apoi să configurați imaginea în sine. Are multă configurabilitate, unele dintre ele nefiind intuitive.

Pregătirea imaginilor

Să începem cu Pasul 1. Folosesc un site numit Flat Icon pentru imaginile mele.

Există o mulțime de site-uri de pictograme bune; acesta se întâmplă să fie cel pe care îl folosesc. Ceea ce am făcut a fost să selectez trei pictograme, câte una pentru achiziții, livrabile și facturi.

Am modificat aceste pictograme folosind tema mea de culoare. Dacă sunteți curios să aflați cum să se potrivească cu tema dvs. de culoare, vedeți videoclipul meu despre discuțiile ușoare ale codului hexadecimal pentru LuckyTemplates .

După ce aveți fotografiile, imaginile sau pictogramele configurate, descărcați-le și încărcați-le pe un site de găzduire a imaginilor. Din nou, există o mulțime de bune. Cel pe care îl folosesc se numește ImgBB , care este un site gratuit care este ușor de utilizat.

Pictogramele pe care le-am folosit în intrarea mea pentru interogarea pe cronologie sunt pictogramele de culoare portocaliu, albastru mediu și albastru închis.

Cheia aici este să selectați pictogramele de care aveți nevoie și să selectați Obțineți coduri de încorporare .

Acest lucru vă va permite să vedeți link-urile Viewer .

Faceți clic pe butonul drop-down și accesați Link-uri directe.

Apoi copiați aceste link-uri într-un bloc de note. Cheia aici este să obțineți adresele URL ale acestor imagini găzduite public.

Acest lucru este similar cu ceea ce veți face pentru adresele URL suplimentare. În acest caz, site-ul de la care am provenit se numește Template Labs .

Am copiat adresele URL pentru comanda de achiziție, conosamentul și șabloanele de factură într-un bloc de note. Le vom trata în același mod în care vom trata adresele URL de pictograme.

Pregătirea modelului de date

Următorul lucru de făcut este să ne pregătim modelul de date. Vă voi arăta cum majoritatea oamenilor din provocare și-au gestionat modelele de date. Aceasta este depunerea lui Mudassir Ali și a creat o intrare minunată pentru această provocare. Vă încurajez cu adevărat să aruncați o privire la el.

Există o mulțime de elemente vizuale și sfaturi cu instrumente cu adevărat interesante încorporate aici, precum și câteva tehnici interesante. Pentru a realiza acest lucru, a construit un model de date cu trei tabele de fapte, care este o abordare perfectă în această provocare.

Aceasta a fost o modalitate bună de a face calculele și de a veni cu constatările analitice necesare. Dar acest model nu va sprijini abordarea cronologică.

Prezentarea mea a fost practic multă muncă de interogare pentru a obține cele trei tabele de fapte într-un singur tabel de tranzacții de la capăt la capăt.

Pe forum, putem scrie pe larg despre cum am venit cu intrările noastre. Puteți citi pentru a vedea cum am alcătuit tabelul de tranzacții de la capăt la capăt în detaliu.

Dacă ne uităm la tabelul tranzacțiilor, avem un număr de date: data comenzii de achiziție, data facturii, data creanțelor și alte date calculate.

Ceea ce este necesar pentru cronologia de interogare este o singură coloană de dată. Deci, după ce am pus împreună acest singur tabel de tranzacții, l-am dezactivat și apoi am legat versiunea nepivotată în modelul meu de date. Rețineți că titlul spune pivot, dar acesta este de fapt nepivotat.

Dacă ne uităm din nou la tabelul tranzacțiilor, vom vedea coloana categorie Data și singura coloană Data .

Coloana Categorie date a fost practic restrânsă în trei categorii principale: comandată , primită și facturată . Dar există și maxime și minime locale și globale acolo.

Avem și adresa URL a comenzii de achiziție (URL PO).

Dacă ne uităm înapoi la tabelul de tranzacții, vom vedea coloanele calculate pentru aceste adrese URL care sunt instrucțiuni care se uită la categoria de date și atribuie adresa URL de pe site-ul de găzduire a imaginii pictogramei corespunzătoare.

Facem aceeași instrucțiune SWITCH similară pentru alocarea șablonului, care se bazează și pe câmpul Categorie date.

Așa am atribuit pictograma și șablonul potrivit pentru fiecare dintre înregistrări.

Dacă revenim la tabelul nepivot, vom vedea singura coloană de dată , Categoria de dată și cele două câmpuri URL pentru comenzile și șabloanele de achiziție.

Acesta este tot ce avem nevoie pentru a configura corect cronologia.

Dacă intrăm în câmpurile noastre vizuale și principale aici, Titlul este Categoria Data nepivotată pe care v-am arătat-o.

Data /Ora poate fi unul din două lucruri: data tabelului de fapte în versiunea nepivotă sau data validată în tabelul de date. Oricare dintre ele lucrează aici.

Adresa URL opțională este adresa URL a șablonului care este legată de clic pe pictogramă.

Imaginea opțională este câmpul URL al comenzii de achiziție.

Acum, dacă ne uităm la acel câmp URL PO, trebuie să setăm categoria de date în URL imagine, deoarece va fi automat implicit text. Dacă îl păstrați ca text, imaginile nu vor fi redate corect.

Dacă îl setați la câmpul URL, imaginile vor ajunge corect de pe site-ul de găzduire a imaginilor.

Acești pași sunt, practic, modul în care puteți configura câmpurile fundamentale în mod corespunzător pe vizual.

Formatarea elementelor vizuale personalizate pentru LuckyTemplates

Acum, vreau doar să vă prezint câteva dintre formatările pe care le-am făcut pentru raport. Primul care este relevant este Stagger Text , care creează un efect de cascadă.

Dacă dezactivăm Stagger Text, ceea ce obținem este totul pe aceeași linie. Dar atunci când aveți mai multe câmpuri relativ aproape unul de celălalt, ele pur și simplu se suprapun și devin ilizibile. Acesta este motivul pentru care am eșalonat textul pe calculul automat.

Funcția Text on Top vă permite să mutați textul în cascadă de mai jos deasupra liniei.

Titlurile aldine vă permit să evidențiați titlul cu aldine. Există, de asemenea, unele formatări ale datei pe care le puteți face pe axa X. Puteți afișa sau nu datele pe axă.

Comutatoarele de date ale scalei manuale sunt, de asemenea, importante, deoarece dacă o porniți, punctul de început și punctul de final rămân constante.

Acest lucru trebuie să fie activat deoarece avem o perioadă fixă ​​de timp pentru date. Vrem să arătăm relativ la acel moment fix în timp în care au loc aceste evenimente diferite.

Dacă o dezactivăm, ultimul punct de date din fiecare comandă de achiziție devine punctul final al acelei linii. După cum puteți vedea, punctul final este luna martie.

În acest caz, dorim să pornim scalarea manuală și să o pornim pe 1 ianuarie, care este începutul setului de date, și să o încheiem pe 30 iunie, care este sfârșitul setului de date.

Scala manuală Pixeli setează lățimea liniei. Singurul motiv pentru care am activat aceasta a fost să creăm un spațiu astfel încât să nu ruleze și să creăm o bară de defilare în partea de jos.

Proprietățile elementului unic sunt utile dacă aveți un singur eveniment pe categorie.

Deoarece acesta nu are o formatare condiționată personalizată completă , puteți seta fontul, culoarea și proprietățile fiecărei categorii cu această caracteristică. Vă permite să faceți doar primul, în timp ce restul sunt în culoarea implicită. Sperăm că, într-o versiune ulterioară, vor avea formatarea condiționată completă.

Setările imaginii vă permit să scalați dimensiunea imaginilor și să păstrați distanța adecvată.

Stilul vă permite să alegeți dintre mai multe stiluri: stil bar, stil linie, stil cascadă și stil Kanban.

Vom alege stilul Bar, dar pentru alte aplicații, poate doriți să experimentați și să vă jucați cu această funcție.

Acest vizual personalizat are și o capacitate dinamică de a afișa data de astăzi, dar nu este relevant în acest caz, deoarece nu se extinde la lungimea datelor noastre.

De asemenea, are capacitatea de a descărca datele ca fișier calendar din Google Calendar sau Outlook.

Concluzie

Acesta este un exemplu de modul în care configurați elementele vizuale personalizate pentru LuckyTemplates. Sunt necesare multe experimente pentru ca acesta să arate exact, dar cred că oferă o modalitate valoroasă de afișare a datelor.

Sper că ați găsit acest tutorial util și ați găsit ceva cu care poate doriți să experimentați și să vă jucați.

Vă rugăm să vă abonați la LuckyTemplates TV dacă nu ați făcut-o încă. Avem o mulțime de conținut video nou care va apărea în curând.