De beste aangepaste visual waar je nog nooit van hebt gehoord

Als je op zoek bent naar aangepaste visuals voor LuckyTemplates, laat ik je een geweldige visual zien waarvan ik vermoed dat 99% van jullie nog nooit eerder heeft gezien of van heeft gehoord. Je kunt de volledige video van deze tutorial onderaan deze blog bekijken.

Ik kwam dit tegen in de , die handelde over aankopen, inventaris en verkopen. We hadden een dataset die vooral gericht was op inkooporders, vorderingen en facturen.

Voor deze uitdaging moesten we de tijd tussen die gebeurtenissen weergeven en ze op een bruikbare manier visualiseren. Een van de dingen die me aanvankelijk opvielen aan deze uitdaging, was dat het geweldig zou zijn als we de verschillende gebeurtenissen op een horizontale tijdlijn kunnen laten zien, geschaald op datum. Ik wist dat er geen manier was om dat te doen in de basisvisuals binnen LuckyTemplates.

Dus ging ik naar de AppSource-marktplaats en zocht naar aangepaste visuals die horizontale timelining kunnen doen. Ik heb iets gevonden dat Query On Timeline heet .

Het heeft iets waar ik naar op zoek was: een balk met datums en afbeeldingen en de mogelijkheid om wat aanvullende informatie onder de regel op te nemen, zoals inkooporderdatums, vrachtbriefdata en factuurdatums.

Er zijn andere manieren waarop u dit kunt gebruiken, zoals deze Kanban-stijl.

U kunt ook de verkleinde versie gebruiken zonder de visuals.

Of kies voor de watervalstijl.

Je kunt zelfs voor de picture-in-line stijl gaan.

Er zijn veel manieren waarop je dit kunt aanpakken. Toen ik dit begon te onderzoeken, kwam ik erachter dat er geen documentatie over was. Er was verrassend genoeg niets over in de Microsoft-gemeenschap, waar je bijna altijd iets kunt vinden dat je vraag zal beantwoorden.

Ik moest deze voornamelijk alleen verkennen. In deze blog wil ik u laten zien wat ik ermee heb gedaan en u laten zien hoe u het kunt gebruiken voor het geval u het wilt toepassen op uw eigen rapporten.

Dit was mijn inzending voor uitdaging #7 met behulp van de visual Query op tijdlijn.

De visual linksonder heeft deze sleutel: de oranje was voor inkooporderdatums, de middelblauwe was debiteuren en de donkerblauwe was factuurdatums.

Elk van de inkooporders heeft meerdere materialen met verschillende leverdatums en verschillende factuurdatums. Alles is volledig dynamisch, dus als je op een andere inkooporder selecteert, zie je dat het beeld verandert en kun je filteren op materiaal.

U kunt ook onscherp gaan om het volledige datumbereik te zien dat is gekoppeld aan de verschillende vorderingen en facturen.

Als u op een van deze pictogrammen klikt, gaat u daadwerkelijk naar hun pagina. Als je bijvoorbeeld op de factuur klikt...

…het brengt u naar een mock-factuursjabloon.

En op dezelfde manier, als u naar de inkooporder gaat, gaat u naar een inkoopordersjabloon. Hetzelfde gebeurt voor leveringen en vrachtbrieven.

Inhoudsopgave

• Belangrijkste stappen om een ​​van de beste aangepaste visuals voor LuckyTemplates te bereiken
• Uw beelden voorbereiden
• Uw gegevensmodel voorbereiden
• De aangepaste visuals opmaken voor LuckyTemplates
• Conclusie

Belangrijkste stappen om een ​​van de beste aangepaste visuals voor LuckyTemplates te bereiken

Dit is een geavanceerd beeld en er zijn verschillende belangrijke stappen om dit voor uw eigen rapporten te laten werken. De eerste is om je visuals voor te bereiden .

De tweede stap is het uploaden van de visuals naar een openbare hostingsite waar u eenvoudig de URL's kunt pakken voor manipulatie in LuckyTemplates.

U moet ook uw aanvullende URL instellen , wat in dit geval de mock-sjablonen zijn die we aan de pictogrammen hebben gekoppeld.

Vervolgens moet u uw datamodel zo instellen dat het consistent is met de Query on Timeline-vereisten .

In tegenstelling tot andere visuals die flexibel zijn bij het omgaan met verschillende datamodellen, vereist deze een aantal strikte beperkingen voor de manier waarop u uw model structureert.

Je moet hier vooraf rekening mee houden en vervolgens de visual zelf configureren. Het heeft veel configureerbaarheid, waarvan sommige niet intuïtief zijn.

Uw beelden voorbereiden

Laten we beginnen met stap 1. Ik gebruik een site genaamd Flat Icon voor mijn visuals.

Er zijn veel goede pictogrammenites; dit is toevallig degene die ik gebruik. Wat ik deed, was drie pictogrammen selecteren, elk één voor inkoop, te leveren producten en facturen.

Ik heb deze pictogrammen gewijzigd met behulp van mijn kleurenthema. Als je nieuwsgierig bent hoe je deze kunt laten matchen met je kleurenthema, bekijk dan mijn video over eenvoudige hex-code wrangling voor LuckyTemplates .

Zodra u uw foto's, afbeeldingen of pictogrammen helemaal hebt ingesteld, downloadt en uploadt u ze naar een site voor het hosten van afbeeldingen. Nogmaals, er zijn veel goede. Degene die ik gebruik heet ImgBB , wat een gratis site is die gemakkelijk te gebruiken is.

De iconen die ik heb gebruikt in mijn inzending voor de Query On Timeline zijn de oranje, middenblauwe en donkerblauwe iconen.

De sleutel hier is om de pictogrammen te selecteren die u nodig hebt en selecteer Ontvang insluitcodes .

Hierdoor kunt u Viewer-links zien .

Klik op de vervolgkeuzeknop en ga naar Directe links.

Kopieer deze links vervolgens naar een kladblok. De sleutel hier is om de URL's van deze openbaar gehoste afbeeldingen te krijgen.

Dit is vergelijkbaar met wat u gaat doen voor uw aanvullende URL's. In dit geval heet de site waarvan ik afkomstig ben Template Labs .

Ik heb de URL's voor de inkooporder, vrachtbrief en factuursjablonen in een notitieblok gekopieerd. We behandelen deze op dezelfde manier als we de pictogram-URL's gaan behandelen.

Uw gegevensmodel voorbereiden

Het volgende dat u moet doen, is ons gegevensmodel voorbereiden. Ik zal je laten zien hoe de meeste mensen in de challenge met hun datamodellen omgingen. Dit is de inzending van Mudassir Ali, en hij heeft een prachtige inzending voor deze uitdaging samengesteld. Ik moedig je echt aan om er eens naar te kijken.

Er zijn hier veel echt interessante beelden en tooltips ingebed, evenals enkele coole technieken. Om dit te bereiken bouwde hij een datamodel met drie feitentabellen, een prima insteek in deze uitdaging.

Dit was een goede manier om de berekeningen uit te voeren en de analytische bevindingen te bedenken die nodig waren. Maar dit model ondersteunt de tijdlijnbenadering niet.

Mijn inzending was eigenlijk een hoop powerquery-werk om die drie feitentabellen in één end-to-end transactietabel te krijgen.

Op het forum kunnen we uitgebreid schrijven over hoe we aan onze inzendingen zijn gekomen. kun je uitgebreid zien hoe ik de end-to-end transactietabel heb samengesteld.

Als we naar de transactietabel kijken, hebben we een aantal datums: inkooporderdatum, factuurdatum, debiteurendatum en andere berekende datums.

Wat nodig is voor de Query On Timeline is een enkele datumkolom. Dus nadat ik deze enkele transactietabel had samengesteld, heb ik hem ongedaan gemaakt en vervolgens de niet-gedraaide versie aan mijn gegevensmodel gekoppeld. Merk op dat de titel pivot zegt, maar dit is eigenlijk unpivoted.

Als we nog eens naar de transactietabel kijken, zien we de kolom Datumcategorie en de enkele kolom Datum .

De kolom Datumcategorie is in feite samengevouwen in drie hoofdcategorieën: besteld , ontvangen en gefactureerd . Maar er zijn ook lokale en globale maxima en minima.

We hebben ook de inkooporder-URL (PO-URL).

Als we terugkijken naar de transactietabel, zien we de berekende kolommen voor deze URL's. Dit zijn instructies die naar de gegevenscategorie kijken en de URL van de site voor het hosten van afbeeldingen toewijzen aan het juiste pictogram.

We doen dezelfde vergelijkbare SWITCH- instructie voor het toewijzen van de sjabloon die ook is gebaseerd op het veld Datumcategorie.

Dit is hoe ik het juiste pictogram en sjabloon voor elk van de records heb toegewezen.

Als we teruggaan naar de unpivot table, zien we de enkele datumkolom , de datumcategorie en de twee URL-velden voor de inkooporders en sjablonen.

Dit is alles wat we nodig hebben om de tijdlijn correct in te stellen.

Als we hier naar onze visual en de hoofdvelden gaan, is de titel de niet-gedraaide datumcategorie die ik je heb laten zien.

De Datum/Tijd kan een van twee dingen zijn: de feitentabeldatum in de niet-gedraaide versie of de gevalideerde datum in de Datumtabel. Een van beide werkt hier.

De optionele URL is de sjabloon-URL die is gekoppeld aan de pictogramklik.

De optionele afbeelding is het veld voor de inkooporder-URL.

Als we nu naar dat PO-URL-veld kijken, moeten we de gegevenscategorie instellen op Afbeeldings-URL, omdat deze automatisch standaard op tekst wordt ingesteld. Als u het als tekst bewaart, worden de afbeeldingen niet correct weergegeven.

Als u dit instelt op het URL-veld, komen de afbeeldingen correct door van de site voor het hosten van afbeeldingen.

Deze stappen zijn eigenlijk hoe u de basisvelden correct kunt instellen op de visual.

De aangepaste visuals opmaken voor LuckyTemplates

Ik wil u nu enkele van de formatteringen laten zien die ik voor het rapport heb gemaakt. De eerste die relevant is, is Stagger Text , die een cascade-effect creëert.

Als we Stagger-tekst uitschakelen, krijgen we alles op dezelfde regel. Maar wanneer u meerdere velden relatief dicht bij elkaar heeft, overlappen ze elkaar gewoon en worden ze onleesbaar. Daarom hebben we de tekst op de automatische berekening gespreid.

Met de functie Tekst bovenaan kunt u de trapsgewijze tekst onder naar boven de regel verplaatsen.

Met de vetgedrukte titels kunt u de vetgedrukte titel markeren. Er is ook enige datumopmaak die u op de X-as kunt doen. U kunt de datums op de as wel of niet weergeven.

De Manual Scale Date- schakelaars zijn ook belangrijk, want als u deze inschakelt, blijven het beginpunt en het eindpunt constant.

Deze moet aan staan ​​omdat we een vaste periode hebben voor de data. We willen ten opzichte van dat vaste tijdstip laten zien waar deze verschillende gebeurtenissen plaatsvinden.

Als we dit uitzetten, wordt het laatste datapunt in elke inkooporder het eindpunt van die lijn. Zoals je kunt zien, is het eindpunt maart.

In dit geval willen we handmatig schalen inschakelen en starten op 1 januari, het begin van de dataset, en eindigen op 30 juni, het einde van de dataset.

De Manual Scale Pixels stelt de breedte van de lijn in. De enige reden dat we dit hebben ingeschakeld, was om een ​​gat te creëren zodat het niet liep en om onderaan een schuifbalk te maken.

De eigenschappen Enkelvoudig element zijn handig als u slechts één evenement per categorie heeft.

Aangezien dit geen volledig aangepaste voorwaardelijke opmaak heeft , kunt u met deze functie het lettertype, de kleur en de eigenschappen van elke categorie instellen. Je kunt alleen de eerste doen, terwijl de rest de standaardkleur heeft. Hopelijk krijgen ze in een latere versie de volledige voorwaardelijke opmaak.

Met de afbeeldingsinstellingen kunt u de grootte van uw afbeeldingen schalen en de juiste afstand behouden.

Met de stijl kunt u kiezen uit verschillende stijlen: staafstijl, lijnstijl, watervalstijl en kanbanstijl.

We gaan met Bar-stijl, maar voor andere toepassingen wil je misschien experimenteren en spelen met deze functie.

Deze aangepaste visual heeft ook een dynamische mogelijkheid om de datum van vandaag weer te geven, maar het is in dit geval niet relevant omdat het zich niet uitstrekt tot de lengte van onze gegevens.

Het heeft ook de mogelijkheid om de datums als een kalenderbestand te downloaden van Google Agenda of Outlook.

Conclusie

Dit is een voorbeeld van hoe u aangepaste visuals configureert voor LuckyTemplates. Er zijn veel experimenten nodig om het er precies goed uit te laten zien, maar ik denk dat het een waardevolle manier is om de gegevens weer te geven.

Hopelijk vond je deze tutorial nuttig en heb je iets gevonden waarmee je misschien wilt experimenteren en spelen.

Abonneer u alstublieft op de LuckyTemplates TV als u dat nog niet heeft gedaan. Binnenkort komt er veel nieuwe video-inhoud uit.