您從未聽說過的最佳自定義視覺效果

如果你一直在尋找 LuckyTemplates 的自定義視覺對象，我將向你展示一個很棒的視覺對象，我猜你 99% 的人以前從未見過或聽說過。您可以在本博客底部觀看本教程的完整視頻。

我在處理採購、庫存和銷售的中遇到了這個問題。我們有一個主要關注採購訂單、應收賬款和發票的數據集。

對於這個挑戰，我們需要描繪這些事件之間的時間，並以有用的方式將它們可視化。關於這個挑戰，我最初想到的一件事是，如果我們能夠在按日期縮放的水平時間軸上顯示不同的事件，那就太好了。我知道在 LuckyTemplates 的基本視覺效果中沒有辦法做到這一點。

所以我去了 AppSource 市場，尋找可以進行水平時間線的自定義視覺效果。我發現了一個叫做Query On Timeline的東西。

它有我一直在尋找的東西——一個帶有日期和圖形的欄，並且能夠在該行下方包含一些附加信息，如採購訂單日期、提貨單日期和發票日期。

您還可以通過其他方式使用它，例如這種看板風格。

您也可以使用沒有視覺效果的縮小版本。

或者選擇瀑布式。

您甚至可以選擇畫中畫風格。

有很多方法可以解決這個問題。當我開始對此進行調查時，我發現沒有關於此的文檔。令人驚訝的是，在 Microsoft 社區中沒有任何關於此的內容，您幾乎總能在其中找到可以回答您問題的內容。

我必須主要靠自己探索這個。在這篇博客中，我想向您展示我用它做了什麼，並向您介紹如何使用它，以防您有興趣將它應用到您自己的報告中。

這是我使用 Query on Timeline 視覺對象參加挑戰 #7 的條目。

左下方的視覺圖有這個鍵：橙色是採購訂單日期，中藍色是應收賬款，深藍色是發票日期。

每個採購訂單都有多種具有不同交貨日期和不同發票日期的物料。一切都是完全動態的，所以如果您選擇另一個採購訂單，您可以看到視覺變化，您可以按材料過濾它。

您還可以移開焦點以查看與不同應收賬款和發票相關的完整日期範圍。

如果您點擊這些圖標中的任何一個，它實際上會將您帶到他們的頁面。例如，如果您單擊發票……

…它將帶您到一個模擬發票模板。

同樣，如果您轉到採購訂單，它會帶您到採購訂單模板。同樣的事情也發生在交貨和提單上。

目錄

• 實現 LuckyTemplates 最佳自定義視覺效果之一的關鍵步驟
• 準備你的視覺效果
• 準備你的數據模型
• 格式化 LuckyTemplates 的自定義視覺對象
• 結論

實現 LuckyTemplates 最佳自定義視覺效果之一的關鍵步驟

這是一個複雜的視覺效果，有幾個關鍵步驟可以讓它在您自己的報告中發揮作用。第一個是準備你的視覺效果。

第二步是將視覺效果上傳到公共託管站點，您可以在其中輕鬆獲取 URL 以便在 LuckyTemplates 中進行操作。

您還需要設置補充 URL，在本例中，它是我們鏈接到圖標的模擬模板。

然後，您需要以符合 Query on Timeline 要求的方式設置您的數據模型。

與處理各種數據模型時靈活的其他視覺效果不同，這個需要對如何構建模型有一些嚴格的限制。

您必須提前考慮到這一點，然後配置視覺本身。它有很多可配置性，其中一些不直觀。

準備你的視覺效果

讓我們從第 1 步開始。我使用一個名為Flat Icon的網站來製作我的視覺效果。

有很多不錯的圖標網站；這恰好是我使用的那個。我所做的是選擇三個圖標，每個圖標用於採購、可交付成果和發票。

我使用我的顏色主題更改了這些圖標。如果您對如何讓這些與您的顏色主題相匹配感到好奇，請查看我的視頻，了解LuckyTemplates 的簡單十六進制代碼整理。

設置完所有照片、圖像或圖標後，將它們下載並上傳到圖像託管站點。同樣，有很多好的。我使用的網站名為ImgBB，這是一個易於使用的免費網站。

我在 Query On Timeline 條目中使用的圖標是橙色、中藍色和深藍色圖標。

這裡的關鍵是選擇你需要的圖標，然後選擇Get embed codes。

這將允許您查看查看器鏈接。

單擊下拉按鈕並轉到直接鏈接。

然後將這些鏈接複製到記事本中。這裡的關鍵是獲取這些公開託管圖像的 URL。

這類似於您將對補充 URL 執行的操作。在這種情況下，我所使用的網站名為Template Labs。

我在記事本中復制了採購訂單、提貨單和發票模板的 URL。我們將以與處理圖標 URL 相同的方式處理這些。

準備你的數據模型

接下來要做的是準備我們的數據模型。我將向您展示挑戰中的大多數人如何處理他們的數據模型。這是 Mudassir Ali 的提交，他為這次挑戰整理了一份精彩的參賽作品。我真的鼓勵你看看它。

這裡嵌入了許多非常有趣的視覺效果和工具提示，以及一些很酷的技術。為實現這一目標，他構建了一個包含三個事實表的數據模型，這是應對這一挑戰的完美方法。

這是進行計算並得出所需分析結果的好方法。但是這個模型不支持時間線方法。

我提交的基本上是大量強大的查詢工作，以將這三個事實表整合到一個端到端事務表中。

在論壇中，我們確實可以廣泛撰寫有關我們如何提出條目的文章。您可以閱讀，了解我是如何詳細整理端到端交易表的。

如果我們查看交易表，我們有許多日期：採購訂單日期、發票日期、應收賬款日期和其他計算日期。

Query On Timeline 需要的是單個日期列。因此，在將這個單個事務表放在一起之後，我將其取消透視，然後將取消透視的版本鏈接到我的數據模型中。請注意，標題說的是 pivot，但這實際上是 unpivoted。

如果我們再次查看事務表，我們將看到日期類別列和單個日期列。

Date Category 列已基本分解為三個主要類別：ordered、received和billed。但那裡也有局部和全局的最大值和最小值。

我們還有採購訂單 URL (PO URL)。

如果我們回顧事務表，我們將看到這些 URL 的計算列，這些 URL 是查看數據類別並將圖像託管站點的 URL 分配給適當圖標的

我們使用相同的類似SWITCH語句來分配同樣基於日期類別字段的模板。

這就是我為每條記錄分配正確圖標和模板的方式。

如果我們回到 unpivot 表，我們將看到單個 Date Column、Date Category以及採購訂單和模板的兩個URL 字段。

這就是我們正確設置時間線所需的全部內容。

如果我們進入視覺和此處的主要字段，標題是我向您展示的未透視的日期類別。

日期/時間可以是以下兩種情況之一：未透視版本中的事實表日期或日期表中的驗證日期。任何一個都在這里工作。

可選URL是鏈接到圖標點擊的模板 URL。

可選圖像是採購訂單 URL 字段。

現在，如果我們看一下 PO URL 字段，我們需要將數據類別設置為圖像 URL，因為它會自動默認為文本。如果將其保留為文本，則圖像將無法正確呈現。

如果將其設置為 URL 字段，圖像將從圖像託管站點正確傳送。

這些步驟基本上是您如何在視覺上正確設置基礎字段。

格式化 LuckyTemplates 的自定義視覺對象

現在，我只想向您介紹一下我為報告所做的一些格式設置。第一個相關的是Stagger Text，它創建了級聯效果。

如果我們關閉交錯文本，我們得到的是同一行上的所有內容。但是當你有多個彼此相對接近的字段時，它們就會重疊並且變得不可讀。這就是為什麼我們將自動計算的文本交錯排列的原因。

Text on Top功能可讓您將下方的層疊文本移動到該行上方。

粗體標題允許您以粗體突出顯示標題。您還可以在 X 軸上進行一些日期格式化。您可以在軸上顯示或不顯示日期。

手動刻度日期開關也很重要，因為如果打開它，起點和終點將保持不變。

這需要打開，因為我們有固定的數據時間段。我們想要顯示相對於這些不同事件發生的固定時間點。

如果我們關閉它，每個採購訂單中的最後一個數據點將成為該行的終點。如您所見，終點是三月。

在這種情況下，我們要打開手動縮放並在 1 月 1 日開始，這是數據集的開始，並在 6 月 30 日結束，這是數據集的結尾。

手動縮放像素設置線條的寬度。我們打開它的唯一原因是創建一個間隙，以便它不會運行並在底部創建一個滾動條。

如果每個類別只有一個事件，則單一元素屬性很有用。

由於它沒有成熟的自定義條件格式，您可以使用此功能設置每個類別的字體、顏色和屬性。它只允許你做第一個，而其餘的都是默認顏色。希望在以後的版本中，它們將具有完整的條件格式。

圖像設置可讓您縮放圖像的大小並保持適當的間距。

樣式允許您從多種樣式中進行選擇：條形樣式、線條樣式、瀑布樣式和看板樣式。

我們將使用 Bar 樣式，但對於其他應用程序，您可能希望嘗試使用此功能。

此自定義視覺對像還具有顯示今天日期的動態功能，但在本例中不相關，因為它不會擴展到我們的數據長度。

它還能夠從 Google 日曆或 Outlook 下載日期作為日曆文件。

結論

這是一個示例，說明如何為 LuckyTemplates 配置自定義視覺對象。要讓它看起來完全正確，需要進行大量實驗，但我認為它提供了一種顯示數據的有價值的方式。

希望您發現本教程很有用，並且您發現了一些您可能想要試驗和嘗試的東西。

如果您還沒有，請訂閱LuckyTemplates TV 。我們即將推出許多新的視頻內容。