Das beste benutzerdefinierte Bild, von dem Sie noch nie gehört haben

Wenn Sie nach benutzerdefinierten Visuals für LuckyTemplates gesucht haben, zeige ich Ihnen ein fantastisches, von dem vermutlich 99 % von Ihnen noch nie zuvor etwas gesehen oder gehört haben. Sie können sich das vollständige Video dieses Tutorials unten in diesem Blog ansehen.

Darauf bin ich bei der gestoßen , bei der es um Käufe, Lagerbestände und Verkäufe ging. Wir verfügten über einen Datensatz, der sich hauptsächlich auf Bestellungen, Forderungen und Rechnungen konzentrierte.

Für diese Herausforderung mussten wir die Zeit zwischen diesen Ereignissen darstellen und sie auf nützliche Weise visualisieren. Eines der Dinge, die mir bei dieser Herausforderung zunächst auffielen, war, dass es großartig wäre, wenn wir die verschiedenen Ereignisse auf einer horizontalen Zeitleiste skaliert nach Datum anzeigen könnten. Ich wusste, dass es in den Basisvisualisierungen von LuckyTemplates keine Möglichkeit gab, dies zu tun.

Also ging ich zum AppSource-Marktplatz und suchte nach benutzerdefinierten Visuals, die eine horizontale Zeitleiste ermöglichen. Ich habe etwas namens Query On Timeline gefunden .

Es hat etwas, wonach ich gesucht habe – eine Leiste mit Datumsangaben und Grafiken und die Möglichkeit, einige zusätzliche Informationen unterhalb der Zeile einzufügen, wie Bestelldaten, Frachtbriefdaten und Rechnungsdaten.

Es gibt andere Möglichkeiten, dies zu verwenden, wie zum Beispiel diesen Kanban-Stil.

Sie können die verkleinerte Version auch ohne Bildmaterial verwenden.

Oder wählen Sie den Wasserfallstil.

Sie können sich sogar für den Bild-in-Linien-Stil entscheiden.

Es gibt viele Möglichkeiten, dies zu erreichen. Als ich anfing, dies zu untersuchen, stellte ich fest, dass es keine Dokumentation dazu gab. Überraschenderweise gab es dazu in der Microsoft-Community nichts, wo Sie fast immer etwas finden, das Ihre Frage beantwortet.

Ich musste dieses hauptsächlich auf eigene Faust erkunden. In diesem Blog möchte ich Ihnen zeigen, was ich damit gemacht habe, und Ihnen erklären, wie Sie es verwenden, falls Sie daran interessiert sind, es auf Ihre eigenen Berichte anzuwenden.

Dies war mein Beitrag für Herausforderung Nr. 7 mit dem Visual „Abfrage auf der Zeitleiste“.

Das Bild unten links enthält diesen Schlüssel: Das Orange steht für Bestelldaten, das Mittelblau für Forderungen und das Dunkelblau für Rechnungsdaten.

Jede der Bestellungen umfasst mehrere Materialien mit unterschiedlichen Lieferterminen und unterschiedlichen Rechnungsdaten. Alles ist vollständig dynamisch. Wenn Sie also eine andere Bestellung auswählen, können Sie sehen, dass sich die visuelle Darstellung ändert, und Sie können sie nach Material filtern.

Sie können den Fokus auch verlassen, um den gesamten Datenbereich der verschiedenen Forderungen und Rechnungen anzuzeigen.

Wenn Sie auf eines dieser Symbole klicken, gelangen Sie tatsächlich zu der entsprechenden Seite. Wenn Sie beispielsweise auf die Rechnung klicken ...

…Sie gelangen zu einer Musterrechnungsvorlage.

Wenn Sie zur Bestellung gehen, gelangen Sie ebenfalls zu einer Bestellvorlage. Das Gleiche gilt für Lieferungen und Frachtbriefe.

Inhaltsverzeichnis

• Wichtige Schritte zum Erreichen einer der besten benutzerdefinierten Visuals für LuckyTemplates
• Vorbereiten Ihrer Visuals
• Vorbereiten Ihres Datenmodells
• Formatieren der benutzerdefinierten Visuals für LuckyTemplates
• Abschluss

Wichtige Schritte zum Erreichen einer der besten benutzerdefinierten Visuals für LuckyTemplates

Dabei handelt es sich um eine anspruchsvolle visuelle Darstellung, und es sind mehrere wichtige Schritte erforderlich, damit dies in Ihren eigenen Berichten funktioniert. Der erste Schritt besteht darin, Ihre visuellen Elemente vorzubereiten .

Der zweite Schritt besteht darin, die Visuals auf eine öffentliche Hosting-Site hochzuladen, wo Sie die URLs zur Bearbeitung in LuckyTemplates einfach abrufen können.

Sie müssen auch Ihre zusätzliche URL einrichten , in diesem Fall handelt es sich um die Scheinvorlagen, die wir mit den Symbolen verknüpft haben.

Anschließend müssen Sie Ihr Datenmodell so einrichten, dass es den Anforderungen der Abfrage auf der Zeitachse entspricht .

Im Gegensatz zu anderen Visuals, die beim Umgang mit einer Vielzahl von Datenmodellen flexibel sind, erfordert dieses einige strenge Einschränkungen bei der Strukturierung Ihres Modells.

Dies muss man im Vorfeld berücksichtigen und dann das Visual selbst konfigurieren. Es bietet viele Konfiguriermöglichkeiten, einige davon sind jedoch nicht intuitiv.

Vorbereiten Ihrer Visuals

Beginnen wir mit Schritt 1. Ich verwende eine Website namens Flat Icon für meine Visuals.

Es gibt viele gute Icon-Sites; Dies ist zufällig das, was ich verwende. Ich habe drei Symbole ausgewählt, jeweils eines für Einkauf, Lieferungen und Rechnungen.

Ich habe diese Symbole mithilfe meines Farbthemas geändert. Wenn Sie neugierig sind, wie Sie diese an Ihr Farbthema anpassen können, sehen Sie sich mein Video zum einfachen Hex-Code-Wrangling für LuckyTemplates an .

Sobald Sie Ihre Fotos, Bilder oder Symbole eingerichtet haben, laden Sie sie herunter und laden Sie sie auf eine Bild-Hosting-Site hoch. Auch hier gibt es viele gute. Die von mir verwendete Website heißt ImgBB und ist eine kostenlose, einfach zu verwendende Website.

Die Symbole, die ich in meinem Eintrag für die Query On Timeline verwendet habe, sind die orangefarbenen, mittelblauen und dunkelblauen Symbole.

Der Schlüssel hier besteht darin, die benötigten Symbole auszuwählen und Einbettungscodes abrufen auszuwählen .

Dadurch können Sie Viewer-Links sehen .

Klicken Sie auf die Dropdown-Schaltfläche und gehen Sie zu Direktlinks.

Kopieren Sie diese Links dann in einen Notizblock. Der Schlüssel hier besteht darin, die URLs dieser öffentlich gehosteten Bilder abzurufen.

Dies ähnelt dem, was Sie für Ihre ergänzenden URLs tun. In diesem Fall heißt die Website, von der ich meine Quelle bezogen habe, Template Labs .

Ich habe die URLs für die Bestellung, den Frachtbrief und die Rechnungsvorlagen in einen Notizblock kopiert. Wir behandeln diese auf die gleiche Weise wie die Symbol-URLs.

Vorbereiten Ihres Datenmodells

Als nächstes müssen wir unser Datenmodell vorbereiten. Ich zeige Ihnen, wie die meisten Teilnehmer der Herausforderung mit ihren Datenmodellen umgegangen sind. Dies ist der Beitrag von Mudassir Ali, und er hat einen wunderbaren Beitrag für diese Herausforderung zusammengestellt. Ich ermutige Sie wirklich, einen Blick darauf zu werfen.

Hier sind viele wirklich interessante Grafiken und Tooltips sowie einige coole Techniken eingebettet. Um dies zu erreichen, hat er ein Datenmodell mit drei Faktentabellen erstellt, was für diese Herausforderung ein absolut guter Ansatz ist.

Dies war eine gute Möglichkeit, die Berechnungen durchzuführen und die erforderlichen analytischen Erkenntnisse zu gewinnen. Dieses Modell unterstützt jedoch nicht den Timeline-Ansatz.

Mein Beitrag war im Grunde eine Menge Power-Query-Arbeit, um diese drei Faktentabellen in einer End-to-End-Transaktionstabelle zusammenzufassen.

Im Forum können wir ausführlich darüber schreiben, wie wir zu unseren Beiträgen gekommen sind. erfahren Sie, wie ich die End-to-End-Transaktionstabelle ausführlich zusammengestellt habe.

Wenn wir uns die Transaktionstabelle ansehen, sehen wir eine Reihe von Daten: Bestelldatum, Rechnungsdatum, Forderungsdatum und andere berechnete Daten.

Was für die Abfrage auf der Zeitleiste benötigt wird, ist eine einzelne Datumsspalte. Nachdem ich diese einzelne Transaktionstabelle zusammengestellt habe, habe ich sie entpivotiert und dann die entpivotierte Version mit meinem Datenmodell verknüpft. Beachten Sie, dass im Titel „pivot“ steht, es sich aber tatsächlich um „unpivoted“ handelt.

Wenn wir uns die Transaktionstabelle noch einmal ansehen, sehen wir die Spalte „Datumskategorie“ und die einzelne Spalte „Datum“ .

Die Spalte „Datumskategorie“ wurde grundsätzlich in drei Hauptkategorien unterteilt: bestellt , erhalten und in Rechnung gestellt . Es gibt aber auch lokale und globale Maxima und Minima.

Wir haben auch die Bestell-URL (PO-URL).

Wenn wir uns die Transaktionstabelle noch einmal ansehen, sehen wir die berechneten Spalten für diese URLs, bei denen es sich um Anweisungen handelt, die sich die Datenkategorie ansehen und die URL von der Bild-Hosting-Site dem entsprechenden Symbol zuweisen.

Wir führen die gleiche ähnliche SWITCH- Anweisung für die Zuweisung der Vorlage durch, die ebenfalls auf dem Feld „Datumskategorie“ basiert.

Auf diese Weise habe ich jedem Datensatz das richtige Symbol und die richtige Vorlage zugewiesen.

Wenn wir zur Unpivot-Tabelle zurückkehren, sehen wir die einzelne Datumsspalte , die Datumskategorie und die beiden URL-Felder für die Bestellungen und Vorlagen.

Das ist alles, was wir brauchen, um die Zeitleiste richtig einzurichten.

Wenn wir hier auf unsere visuellen Felder und die Hauptfelder eingehen, ist der Titel die nicht geschwenkte Datumskategorie, die ich Ihnen gezeigt habe.

Das Datum/die Uhrzeit kann eines von zwei Dingen sein: das Datum der Faktentabelle in der nicht-pivotierten Version oder das validierte Datum in der Datumstabelle. Entweder man funktioniert hier.

Die optionale URL ist die Vorlagen-URL, die mit dem Symbolklick verknüpft ist.

Das optionale Bild ist das URL-Feld der Bestellung.

Wenn wir uns nun das PO-URL-Feld ansehen, müssen wir die Datenkategorie auf „Bild-URL“ setzen, da diese automatisch auf Text eingestellt ist. Wenn Sie es als Text beibehalten, werden die Bilder nicht richtig gerendert.

Wenn Sie es auf das URL-Feld einstellen, werden die Bilder ordnungsgemäß von der Bild-Hosting-Site übertragen.

Diese Schritte dienen im Grunde dazu, wie Sie die grundlegenden Felder im Visual richtig einrichten können.

Formatieren der benutzerdefinierten Visuals für LuckyTemplates

Jetzt möchte ich Sie nur durch einige der Formatierungen führen, die ich für den Bericht vorgenommen habe. Das erste relevante Element ist Stagger Text , das einen Kaskadeneffekt erzeugt.

Wenn wir Stagger Text deaktivieren, erhalten wir alles in derselben Zeile. Wenn Sie jedoch mehrere Felder relativ nahe beieinander haben, überlappen sie sich einfach und werden unlesbar. Aus diesem Grund haben wir den Text zur automatischen Berechnung gestaffelt.

Mit der Funktion „Text oben“ können Sie den kaskadierenden Text darunter über die Zeile verschieben.

Mit den fett gedruckten Titeln können Sie den Titel fett hervorheben. Es gibt auch einige Datumsformatierungen, die Sie auf der X-Achse vornehmen können. Sie können die Daten auf der Achse anzeigen oder nicht anzeigen.

Die Schalter für das Datum der manuellen Skalierung sind ebenfalls wichtig, denn wenn Sie sie einschalten, bleiben der Anfangspunkt und der Endpunkt konstant.

Dies muss aktiviert sein, da wir einen festen Zeitraum für die Daten haben. Wir wollen relativ zu diesem festen Zeitpunkt zeigen, wo diese verschiedenen Ereignisse auftreten.

Wenn wir dies deaktivieren, wird der letzte Datenpunkt in jeder Bestellung zum Endpunkt dieser Zeile. Wie Sie sehen, ist der Endpunkt März.

In diesem Fall möchten wir die manuelle Skalierung aktivieren und sie am 1. Januar, dem Anfang des Datensatzes, starten und am 30. Juni, dem Ende des Datensatzes, beenden.

Mit „Pixel manuell skalieren“ wird die Breite der Linie festgelegt. Der einzige Grund, warum wir dies aktiviert haben, bestand darin, eine Lücke zu schaffen, damit es nicht ausgeführt wird, und unten eine Bildlaufleiste zu erstellen.

Die Eigenschaften „Einzelnes Element“ sind nützlich, wenn Sie nur ein Ereignis pro Kategorie haben.

Da hier keine vollständige benutzerdefinierte bedingte Formatierung vorhanden ist, können Sie mit dieser Funktion die Schriftart, Farbe und Eigenschaften jeder Kategorie festlegen. Sie können nur das erste Mal ausführen, während die übrigen in der Standardfarbe angezeigt werden. Hoffentlich verfügen sie in einer späteren Version über die vollständige bedingte Formatierung.

Mit den Bildeinstellungen können Sie die Größe Ihrer Bilder skalieren und den richtigen Abstand beibehalten.

Der Stil ermöglicht Ihnen die Auswahl aus mehreren Stilen: Balkenstil, Linienstil, Wasserfallstil und Kanban-Stil.

Wir entscheiden uns für den Bar-Stil, aber für andere Anwendungen möchten Sie vielleicht mit dieser Funktion experimentieren und herumspielen.

Dieses benutzerdefinierte visuelle Element verfügt auch über die dynamische Fähigkeit, das heutige Datum anzuzeigen, ist in diesem Fall jedoch nicht relevant, da es sich nicht auf die Länge unserer Daten erstreckt.

Es besteht auch die Möglichkeit, die Daten als Kalenderdatei von Google Kalender oder Outlook herunterzuladen.

Abschluss

Dies ist ein Beispiel dafür, wie Sie benutzerdefinierte Visuals für LuckyTemplates konfigurieren. Es sind viele Experimente erforderlich, damit es genau richtig aussieht, aber ich denke, es bietet eine wertvolle Möglichkeit, die Daten anzuzeigen.

Hoffentlich fanden Sie dieses Tutorial hilfreich und haben etwas gefunden, mit dem Sie experimentieren und herumspielen möchten.

Bitte abonnieren Sie LuckyTemplates TV, falls Sie dies noch nicht getan haben. Wir werden bald viele neue Videoinhalte veröffentlichen.