Det bedste tilpassede visuelle billede, du aldrig har hørt om

Hvis du har ledt efter brugerdefinerede billeder til LuckyTemplates, vil jeg vise dig en fantastisk en, som jeg gætter på, at 99 % af jer aldrig har set eller hørt om før. Du kan se den fulde video af denne tutorial nederst på denne blog.

Det stødte jeg på i , som handlede om indkøb, varelager og salg. Vi havde et datasæt, der primært var fokuseret på indkøbsordrer, tilgodehavender og fakturaer.

Til denne udfordring var vi nødt til at skildre tiden mellem disse begivenheder og visualisere dem på en nyttig måde. En af de ting, der sprang ud af mig i starten ved denne udfordring, var, at det ville være fantastisk, hvis vi kan vise de forskellige begivenheder på en horisontal tidslinje skaleret efter dato. Jeg vidste, at der ikke var en måde at gøre det på i de grundlæggende visuals i LuckyTemplates.

Så jeg gik til AppSource-markedspladsen og ledte efter brugerdefinerede billeder, der kan lave horisontal tidslinje. Jeg fandt noget, der hedder Query On Timeline .

Det har noget, som jeg ledte efter – en bjælke med datoer og grafik og muligheden for at inkludere nogle yderligere oplysninger under linjen som indkøbsordredatoer, konnossementdatoer og fakturadatoer.

Der er andre måder, du kan bruge dette på, som denne Kanban-stil.

Du kan også bruge den nedskalerede version uden det visuelle.

Eller vælg vandfaldsstilen.

Du kan endda gå efter billed-i-linje-stilen.

Der er mange måder, du kan gå om dette på. Da jeg begyndte at undersøge dette, fandt jeg ud af, at der ikke var dokumentation for dette. Der var overraskende intet om dette i Microsoft-fællesskabet, hvor du næsten altid kan finde noget, der vil besvare dit spørgsmål.

Jeg var nødt til at udforske denne primært på egen hånd. I denne blog vil jeg vise dig, hvad jeg gjorde med den, og guide dig gennem, hvordan du bruger den, hvis du er interesseret i at anvende den på dine egne rapporter.

Dette var mit bidrag til udfordring #7 ved at bruge Query on Timeline visual.

Den nederste venstre visualisering har denne nøgle: den orange var til indkøbsordredatoer, den mellemblå var tilgodehavender, og den mørkeblå var fakturadatoer.

Hver af indkøbsordrerne har flere materialer med forskellige leveringsdatoer og forskellige fakturadatoer. Alt er fuldt dynamisk, så hvis du vælger på en anden indkøbsordre, kan du se, at det visuelle ændres, og du kan filtrere det efter materiale.

Du kan også flytte ud af fokus for at se hele rækken af ​​datoer, der er knyttet til de forskellige tilgodehavender og fakturaer.

Hvis du klikker gennem nogen af ​​disse ikoner, vil det faktisk føre dig til deres side. Hvis du for eksempel klikker på fakturaen...

...det fører dig til en falsk fakturaskabelon.

Og på samme måde, hvis du går til indkøbsordre, fører det dig til en indkøbsordreskabelon. Det samme sker for leverancer og konnossementer.

Indholdsfortegnelse

• Nøgletrin til at opnå en af ​​de bedste tilpassede visuals til Lucky Templates
• Forberedelse af dine billeder
• Forberedelse af din datamodel
• Formatering af brugerdefinerede visuals til LuckyTemplates
• Konklusion

Nøgletrin til at opnå en af ​​de bedste tilpassede visuals til Lucky Templates

Dette er et sofistikeret billede, og der er flere vigtige trin til at få dette til at fungere på dine egne rapporter. Den første er at forberede dine billeder .

Det andet trin er at uploade grafikken til et offentligt hosting-websted, hvor du nemt kan få fat i URL'erne til manipulation i LuckyTemplates.

Du skal også få din supplerende URL opsat , som i dette tilfælde er de falske skabeloner, som vi linkede til ikonerne.

Derefter skal du opsætte din datamodel på en måde, der er i overensstemmelse med kravene til Forespørgsel på tidslinje .

I modsætning til andre visuals, der er fleksible, når de håndterer en række forskellige datamodeller, kræver denne nogle strenge begrænsninger for, hvordan du strukturerer din model.

Du skal tage højde for dette på forhånd og derefter konfigurere selve det visuelle. Det har en masse konfigurerbarhed, hvor noget af det ikke er intuitivt.

Forberedelse af dine billeder

Lad os starte med trin 1. Jeg bruger et websted kaldet Flat Icon til mine billeder.

Der er mange gode ikonsider; det er tilfældigvis den jeg bruger. Det, jeg gjorde, var at vælge tre ikoner, et hver til indkøb, leverancer og fakturaer.

Jeg ændrede disse ikoner ved hjælp af mit farvetema. Hvis du er nysgerrig efter, hvordan du får disse til at matche dit farvetema, så tjek min video om let hex-kodestrid for LuckyTemplates .

Når du har alle dine fotos, billeder eller ikoner sat op, skal du downloade og uploade dem til et billedhostingswebsted. Igen, der er mange gode. Den, jeg bruger, hedder ImgBB , som er en gratis side, der er nem at bruge.

De ikoner, som jeg brugte i mit indlæg til Query On Timeline, er de orange, mellemblå og mørkeblå farvede ikoner.

Nøglen her er at vælge de ikoner, du har brug for, og vælge Hent indlejringskoder .

Dette giver dig mulighed for at se Viewer-links .

Klik på rullemenuen og gå til Direkte links.

Kopier derefter disse links til en notesblok. Nøglen her er at få URL'erne til disse offentligt hostede billeder.

Dette svarer til, hvad du vil gøre for dine supplerende webadresser. I dette tilfælde hedder det websted, jeg hentede fra, Template Labs .

Jeg kopierede URL'erne til indkøbsordre, konnossement og fakturaskabeloner ned i en notesblok. Vi håndterer disse på samme måde, som vi vil håndtere ikon-URL'erne.

Forberedelse af din datamodel

Den næste ting at gøre er at forberede vores datamodel. Jeg viser dig, hvordan de fleste i udfordringen håndterede deres datamodeller. Dette er Mudassir Alis bidrag, og han sammensatte et vidunderligt bidrag til denne udfordring. Jeg opfordrer dig virkelig til at tage et kig på det.

Der er en masse virkelig interessante billeder og værktøjstip indlejret her, samt nogle fede teknikker. For at opnå dette byggede han en datamodel med tre faktatabeller, hvilket er en udmærket tilgang i denne udfordring.

Dette var en god måde at lave beregningerne og komme med de analytiske fund, der var nødvendige. Men denne model vil ikke understøtte tidslinjetilgangen.

Min indsendelse var dybest set en masse kraftforespørgselsarbejde for at få disse tre faktatabeller ind i en ende-til-ende transaktionstabel.

I forummet kommer vi til at skrive meget om, hvordan vi kom frem til vores indlæg. Du kan læse for at se, hvordan jeg sammensætter ende-til-ende transaktionstabellen i detaljer.

Hvis vi ser på transaktionstabellen, har vi en række datoer: indkøbsordredato, fakturadato, tilgodehavendedato og andre beregnede datoer.

Det, der kræves til forespørgsel på tidslinjen, er en enkelt datokolonne. Så efter at have sat denne enkelt transaktionstabel sammen, har jeg deaktiveret den og derefter knyttet den ikke-pivoterede version til min datamodel. Bemærk, at titlen siger pivot, men dette er faktisk ikke-pivot.

Hvis vi tager et kig på transaktionstabellen igen, vil vi se kolonnen Datokategori og den enkelte Dato-kolonne .

Datokategorikolonnen er dybest set blevet foldet sammen i tre hovedkategorier: bestilt , modtaget og faktureret . Men der er også lokale og globale maksimum og minimum derinde.

Vi har også indkøbsordre-URL (PO URL).

Hvis vi ser tilbage på transaktionstabellen, vil vi se de beregnede kolonner for disse URL'er, som er udsagn, der ser på datakategorien og tildeler URL'en fra billedhostingswebstedet til det relevante ikon.

Vi gør det samme på samme mådeerklæring for tildeling af skabelonen, som også er baseret på feltet Dato Kategori.

Sådan tildelte jeg det rigtige ikon og skabelon for hver af posterne.

Hvis vi går tilbage til unpivot-tabellen, vil vi se den enkelte datokolonne , datokategorien og de to URL-felter for indkøbsordrer og skabeloner.

Dette er alt, hvad vi behøver for at få tidslinjen sat ordentligt op.

Hvis vi går ind i vores visuelle og de vigtigste felter her, er titlen den ikke-pivoterede datokategori, som jeg viste dig.

Dato /klokkeslæt kan være en af ​​to ting: faktatabeldatoen i den ikke-pivoterede version eller den validerede dato i datotabellen. Enten arbejder her.

Den valgfrie URL er skabelon-URL'en, der er knyttet til ikonklikket.

Det valgfrie billede er URL-feltet til indkøbsordre.

Nu, hvis vi tager et kig på det PO URL-felt, skal vi indstille datakategorien til billed-URL, da den automatisk vil som standard til tekst. Hvis du beholder det som tekst, bliver billederne ikke gengivet korrekt.

Hvis du indstiller det til URL-feltet, vil billederne komme korrekt igennem fra billedhostingssiden.

Disse trin er dybest set, hvordan du kan få de grundlæggende felter sat ordentligt op på det visuelle.

Formatering af brugerdefinerede visuals til LuckyTemplates

Nu vil jeg bare lede dig gennem nogle af de formateringer, jeg lavede til rapporten. Den første, der er relevant, er Stagger Text , som skaber en kaskadeeffekt.

Hvis vi slår Stagger Text fra, får vi alt på samme linje. Men når du har flere felter relativt tæt på hinanden, overlapper de bare hinanden og bliver ulæselige. Det er derfor, vi forskudte teksten på den automatiske beregning.

Funktionen Tekst på toppen lader dig flytte den overlappende tekst nedenfor til over linjen.

De fed titler giver dig mulighed for at fremhæve titlen med fed skrift. Der er også noget datoformatering, du kan udføre på X-aksen. Du kan vise eller ikke vise datoerne på aksen.

Kontakterne til manuel skaleringsdato er også vigtige, for hvis du tænder for den, forbliver startpunktet og slutpunktet konstante.

Dette skal være tændt, fordi vi har en fast tidsperiode for dataene. Vi ønsker at vise i forhold til det faste tidspunkt, hvor disse forskellige begivenheder opstår.

Hvis vi slår dette fra, bliver det sidste datapunkt i hver indkøbsordre slutpunktet for den pågældende linje. Som du kan se, er slutpunktet marts.

I dette tilfælde ønsker vi at slå Manuel skalering til og starte den 1. januar, som er begyndelsen af ​​datasættet, og afslutte den den 30. juni, som er slutningen af ​​datasættet.

Den manuelle skalering af pixel indstiller linjens bredde. Den eneste grund til, at vi slog dette til, var for at skabe et hul, så det ikke kørte og lave en rullebjælke i bunden.

Egenskaberne for enkeltelementer er nyttige, hvis du kun har én begivenhed pr. kategori.

Da dette ikke har en komplet tilpasset betinget formatering , kan du indstille skrifttype, farve og egenskaber for hver kategori med denne funktion. Det lader dig kun gøre den første, mens resten af ​​dem er i standardfarven. Forhåbentlig vil de i en senere version have den fulde betingede formatering.

Billedindstillingerne giver dig mulighed for at skalere størrelsen af ​​dine billeder og bevare den korrekte afstand.

Stylen giver dig mulighed for at vælge mellem flere stilarter: Bar-stil, Line-stil, Waterfall-stil og Kanban-stil .

Vi går med Bar-stil, men til andre applikationer vil du måske eksperimentere og lege med denne funktion.

Dette tilpassede visuelle billede har også en dynamisk evne til at vise dagens dato, men det er ikke relevant i dette tilfælde, fordi det ikke strækker sig til længden af ​​vores data.

Det har også mulighed for at downloade datoerne som en kalenderfil fra Google Kalender eller Outlook.

Konklusion

Dette er et eksempel på, hvordan du konfigurerer tilpassede visuals til LuckyTemplates. Der kræves en masse eksperimenter for at få det til at se helt rigtigt ud, men jeg tror, ​​det giver en værdifuld måde at vise dataene på.

Forhåbentlig fandt du denne tutorial nyttig, og du fandt noget, som du måske vil eksperimentere og lege med.

Abonner venligst på LuckyTemplates TV, hvis du ikke har gjort det endnu. Vi har en masse nyt videoindhold, der snart udkommer.