Det beste tilpassede visuelle bildet du aldri har hørt om

Hvis du har søkt etter tilpassede bilder for LuckyTemplates, skal jeg vise deg en fantastisk en som jeg antar at 99 % av dere aldri har sett eller hørt om før. Du kan se hele videoen av denne opplæringen nederst på denne bloggen.

Jeg kom over dette i , som omhandlet kjøp, varelager og salg. Vi hadde et datasett som primært var fokusert på innkjøpsordrer, fordringer og fakturaer.

For denne utfordringen trengte vi å skildre tiden mellom disse hendelsene og visualisere dem på en nyttig måte. En av tingene som slo meg opp i starten med denne utfordringen, var at det ville være flott om vi kan vise de forskjellige hendelsene på en horisontal tidslinje skalert etter dato. Jeg visste at det ikke var en måte å gjøre det på i de grunnleggende grafikkene i LuckyTemplates.

Så jeg gikk til AppSource-markedsplassen og lette etter tilpassede bilder som kan utføre horisontal tidslinje. Jeg fant noe som heter Query On Timeline .

Den har noe jeg lette etter – en stolpe med datoer og grafikk og muligheten til å inkludere litt tilleggsinformasjon under linjen som innkjøpsordredatoer, fraktbrevdatoer og fakturadatoer.

Det er andre måter du kan bruke dette på, som denne Kanban-stilen.

Du kan også bruke den nedskalerte versjonen uten det visuelle.

Eller velg fossestilen.

Du kan til og med gå for bilde-i-linje-stilen.

Det er mange måter du kan gå om dette på. Da jeg begynte å undersøke dette, fant jeg ut at det ikke fantes dokumentasjon på dette. Det var overraskende ingenting om dette i Microsoft-fellesskapet, hvor du nesten alltid kan finne noe som vil svare på spørsmålet ditt.

Jeg måtte utforske denne først og fremst på egenhånd. I denne bloggen vil jeg vise deg hva jeg gjorde med den og veilede deg gjennom hvordan du bruker den i tilfelle du er interessert i å bruke den på dine egne rapporter.

Dette var mitt bidrag til utfordring #7 ved å bruke Query on Timeline-visualen.

Den nederste venstre skjermbildet har denne nøkkelen: oransje var for kjøpsordredatoer, den mellomblå var fordringer, og den mørkeblå var fakturadatoer.

Hver av innkjøpsordrene har flere materialer med forskjellige leveringsdatoer og forskjellige fakturadatoer. Alt er fullt dynamisk, så hvis du velger en annen innkjøpsordre, kan du se at det visuelle endres og du kan filtrere det etter materiale.

Du kan også flytte ut av fokus for å se hele spekteret av datoer knyttet til de forskjellige fordringene og fakturaene.

Hvis du klikker gjennom noen av disse ikonene, vil det faktisk ta deg til siden deres. Hvis du for eksempel klikker på fakturaen...

…det tar deg til en falsk fakturamal.

Og på samme måte, hvis du går til innkjøpsordre, tar den deg til en innkjøpsordremal. Det samme skjer for leveranser og konnossementer.

Innholdsfortegnelse

• Nøkkeltrinn for å oppnå en av de beste tilpassede bildene for LuckyTemplates
• Forberede visuelle bilder
• Forbereder datamodellen din
• Formatering av egendefinerte bilder for LuckyTemplates
• Konklusjon

Nøkkeltrinn for å oppnå en av de beste tilpassede bildene for LuckyTemplates

Dette er et sofistikert bilde, og det er flere viktige trinn for å få dette til å fungere på dine egne rapporter. Den første er å forberede bildene dine .

Det andre trinnet er å laste opp det visuelle til et offentlig vertsnettsted hvor du enkelt kan hente URL-ene for manipulering i LuckyTemplates.

Du må også få den ekstra URL-en din satt opp , som i dette tilfellet er de falske malene som vi koblet til ikonene.

Deretter må du sette opp datamodellen din på en måte som er i samsvar med kravene til spørring på tidslinje .

I motsetning til andre visuelle elementer som er fleksible når du arbeider med en rekke datamodeller, krever denne noen strenge begrensninger for hvordan du strukturerer modellen din.

Du må ta hensyn til dette på forhånd og deretter konfigurere selve det visuelle. Den har mye konfigurerbarhet, og noe av det er ikke intuitivt.

Forberede visuelle bilder

La oss starte med trinn 1. Jeg bruker et nettsted som heter Flat Icon for mine bilder.

Det er mange gode ikonsider; dette er tilfeldigvis den jeg bruker. Det jeg gjorde var å velge tre ikoner, ett hver for innkjøp, leveranser og fakturaer.

Jeg endret disse ikonene ved å bruke fargetemaet mitt. Hvis du er nysgjerrig på hvordan du får disse til å matche fargetemaet ditt, sjekk ut videoen min om enkel hex-kodekrangel for LuckyTemplates .

Når du har konfigurert bildene, bildene eller ikonene dine, last ned og last dem opp til et vertsnettsted for bilder. Igjen, det er mange gode. Den jeg bruker heter ImgBB , som er en gratis side som er enkel å bruke.

Ikonene som jeg brukte i min oppføring for Query On Timeline er de oransje, mellomblå og mørkeblå fargede ikonene.

Nøkkelen her er å velge ikonene du trenger og velge Hent innebygde koder .

Dette vil tillate deg å se Viewer-koblinger .

Klikk på rullegardinknappen og gå til Direkte lenker.

Kopier deretter disse koblingene til en notisblokk. Nøkkelen her er å få nettadressene til disse offentlig hostede bildene.

Dette ligner på det du vil gjøre for de supplerende nettadressene dine. I dette tilfellet heter nettstedet jeg hentet fra Template Labs .

Jeg kopierte ned nettadressene for innkjøpsordre, fraktbrev og fakturamaler i en notisblokk. Vi håndterer disse på samme måte som vi skal håndtere ikonnettadressene.

Forbereder datamodellen din

Den neste tingen å gjøre er å forberede datamodellen vår. Jeg skal vise deg hvordan de fleste i utfordringen håndterte datamodellene sine. Dette er Mudassir Alis bidrag, og han satte sammen et fantastisk bidrag til denne utfordringen. Jeg oppfordrer deg virkelig til å ta en titt på den.

Det er mye interessant grafikk og verktøytips innebygd her, i tillegg til noen kule teknikker. For å oppnå dette bygde han en datamodell med tre faktatabeller, som er en helt grei tilnærming i denne utfordringen.

Dette var en god måte å gjøre beregningene og komme med de analytiske funnene som var nødvendig. Men denne modellen vil ikke støtte tidslinjetilnærmingen.

Min innsending var i utgangspunktet mye kraftsøkingsarbeid for å få de tre faktatabellene inn i en ende-til-ende transaksjonstabell.

I forumet får vi skrive mye om hvordan vi kom frem til bidragene våre. Du kan lese for å se hvordan jeg setter sammen ende-til-ende transaksjonstabellen i omfattende detalj.

Hvis vi ser på transaksjonstabellen, har vi en rekke datoer: bestillingsdato, fakturadato, fordringsdato og andre beregnede datoer.

Det som trengs for Query On Timeline er en enkelt datokolonne. Så etter å ha satt denne enkelttransaksjonstabellen sammen, har jeg deaktivert den og deretter koblet den ikke-pivoterte versjonen inn i datamodellen min. Merk at tittelen sier pivot, men dette er faktisk ikke pivot.

Hvis vi tar en titt på transaksjonstabellen igjen, ser vi kolonnen Datokategori og den enkle Dato-kolonnen .

Datokategorikolonnen er i hovedsak slått sammen i tre hovedkategorier: bestilt , mottatt og fakturert . Men det er også lokale og globale maksimum og minimum der inne.

Vi har også innkjøpsordre-URL (PO URL).

Hvis vi ser tilbake på transaksjonstabellen, vil vi se de beregnede kolonnene for disse nettadressene, som er utsagn som ser på datakategorien og tildeler nettadressen fra vertsnettstedet for bildet til det aktuelle ikonet.

Vi gjør det samme på samme måtesetning for tildeling av malen som også er basert på Dato Kategori-feltet.

Dette er hvordan jeg tildelte riktig ikon og mal for hver av postene.

Hvis vi går tilbake til unpivot-tabellen, ser vi den enkle datokolonnen , datokategorien og de to URL-feltene for innkjøpsordrene og malene.

Dette er alt vi trenger for å få satt opp tidslinjen riktig.

Hvis vi går inn på våre visuelle og hovedfeltene her, er tittelen den ikke-pivoterte datokategorien som jeg viste deg.

Dato /klokkeslett kan være én av to ting: faktatabelldatoen i den ikke-pivoterte versjonen eller den validerte datoen i datotabellen. Enten fungerer her.

Den valgfrie URL-adressen er mal-URLen som er koblet til ikonklikket.

Det valgfrie bildet er URL-feltet for kjøpsordre.

Nå, hvis vi tar en titt på det PO URL-feltet, må vi sette datakategorien til bilde-URL, siden det automatisk blir standard til tekst. Hvis du beholder den som tekst, blir ikke bildene riktig gjengitt.

Hvis du setter den til URL-feltet, vil bildene komme riktig gjennom fra vertssiden for bilder.

Disse trinnene er i utgangspunktet hvordan du kan få de grunnleggende feltene satt opp riktig på det visuelle.

Formatering av egendefinerte bilder for LuckyTemplates

Nå vil jeg bare lede deg gjennom noen av formateringene jeg gjorde for rapporten. Den første som er relevant er Stagger Text , som skaper en kaskadeeffekt.

Hvis vi slår av Stagger Text, får vi alt på samme linje. Men når du har flere felt relativt nær hverandre, overlapper de bare hverandre og blir uleselige. Dette er grunnen til at vi forskjøvet teksten på autoberegningen.

Tekst på toppen -funksjonen lar deg flytte den overlappende teksten under til over linjen.

De fete titlene lar deg markere tittelen med fet skrift. Det er også noe datoformatering du kan gjøre på X-aksen. Du kan vise eller ikke vise datoene på aksen.

Bryterne for manuell skaleringsdato er også viktige fordi hvis du slår den på, forblir startpunktet og sluttpunktet konstant.

Dette må være på fordi vi har en fast tidsperiode for dataene. Vi ønsker å vise i forhold til det faste tidspunktet hvor disse forskjellige hendelsene skjer.

Hvis vi slår av dette, blir det siste datapunktet i hver innkjøpsordre sluttpunktet for den linjen. Som du kan se, er sluttpunktet mars.

I dette tilfellet ønsker vi å slå på manuell skalering og starte den 1. januar, som er begynnelsen av datasettet, og avslutte den 30. juni, som er slutten av datasettet.

Manuell skala piksler angir bredden på linjen. Den eneste grunnen til at vi skrudde på dette var å lage et gap slik at det ikke løp og lage en rullefelt nederst.

Enkeltelementegenskapene er nyttige hvis du bare har én hendelse per kategori .

Siden dette ikke har fullverdig tilpasset betinget formatering , kan du angi skrifttype, farge og egenskaper for hver kategori med denne funksjonen. Den lar deg bare gjøre den første, mens resten av dem er i standardfargen. Forhåpentligvis, i en senere versjon, kommer de til å ha full betinget formatering.

Bildeinnstillingene lar deg skalere størrelsen på bildene dine og opprettholde riktig avstand .

Stilen lar deg velge mellom flere stiler: Barstil, Linjestil, Fossstil og Kanban-stil .

Vi går med barstil, men for andre applikasjoner vil du kanskje eksperimentere og leke med denne funksjonen.

Denne egendefinerte visualiseringen har også en dynamisk evne til å vise dagens dato, men den er ikke relevant i dette tilfellet fordi den ikke strekker seg til lengden på dataene våre.

Den har også muligheten til å laste ned datoene som en kalenderfil fra Google Kalender eller Outlook.

Konklusjon

Dette er et eksempel på hvordan du konfigurerer egendefinerte bilder for LuckyTemplates. Det kreves mye eksperimentering for å få det til å se helt riktig ut, men jeg tror det gir en verdifull måte å vise dataene på.

Forhåpentligvis fant du denne opplæringen nyttig, og du fant noe du kanskje vil eksperimentere og leke med.

Vennligst abonner på LuckyTemplates TV hvis du ikke har gjort det ennå. Vi har mye nytt videoinnhold som kommer ut snart.