LuckyTemplates 自定義圖標 | PBI可視化技術

對於今天的教程，我將圍繞 LuckyTemplates 自定義圖標討論我最喜歡的技術之一，它在 LuckyTemplates 視覺對像中以動態方式使用自定義圖標。本教程的靈感來自 LuckyTemplates 論壇上的一個條目，其中我們的一位成員在將自定義圖標添加到他的卡片視覺效果時遇到了問題。我將展示如何有效地解決這個問題。您可以在本博客底部觀看本教程的完整視頻。

這是該成員想要的結果，它是一個帶有文本的簡單卡片視覺效果——如果度量值為正則為向上箭頭，如果值為負則為紅色向下箭頭。如果我們在這裡單擊代碼的不同部分，您會看到它在正數時動態變為綠色向上箭頭，在負數時變為紅色向下箭頭。

目錄

• 報表中的動態 LuckyTemplates 自定義圖標
• 結論

報表中的動態 LuckyTemplates 自定義圖標

合併它的一種方法是使用Base64 轉換。Base64 獲取二進製文件並將它們轉換為 ASCII 文本。沒有直接的方法可以將二進製圖像文件合併到 LuckyTemplates 報表中。因此，您必須通過 Base64 進行編碼才能做到這一點。

我將向您展示我為此使用的一般結構，這只是一個基本的 結構。在這種情況下，我們正在查看的度量是LNReturn 的平均值（對數正常回報）。如果它小於零，它會得到一個特定的值。如果它大於零，它會得到一個不同的值。然後，為了簡單起見，我已經說過，如果兩者都不是（如本例），如果它等於零，它就會留空。

而且這個平均值恰好為零的可能性非常小。但是，您可以在此處放置第三個值，它可能只是一個沒有變化的水平箭頭，或者您可以使用空白。我這樣做是為了簡化說明目的的措施。

現在，讓我們先來看看自定義圖標。我使用的自定義圖標來自一個名為Flaticon的網站。我與 Flaticon 沒有任何關係。我只是碰巧認為這是一個非常好的網站。它可以讓你以一種非常好的方式組織圖標。它還允許您編輯它們。我在 LuckyTemplates 報告中經常使用這些。

我所做的只是在這裡找到一個我認為可以很好地滿足會員要求的圖標。然後，我通過 Flaticon 編輯器創建了一個向上的綠色版本和向下的紅色版本。

然後，我下載了一個較小版本的紅色和綠色箭頭，它是 32px，因為 512px 將生成一個非常大的 Base64 版本。

接下來，我們要將它們轉換為 Base64。有一大堆 Base 64 轉換器，但我真正喜歡的是這個Base64 image.de。它有一個漂亮的拖放界面，並且具有圖像優化功能。如果啟用此功能，它會減小生成文件的大小，而不會對視覺外觀產生任何明顯影響。如果我們正在處理更複雜的圖像，那麼優化將真正有助於減小尺寸。

然後我們可以簡單地將文件拖放到這裡，如您所見，轉換速度非常快。

然後，我們只需複制每個圖像並將其粘貼到引號內的度量中。你可以看到，即使對於那個 32 像素的小圖標，這也是相當大的文本量。

接下來，讓我們創建一個新度量，我們可以將其複製到其中。我將此度量稱為Icon2 Base64。之後，我們需要將 Data Category 更改為Image URL。現在，我們可以很好地創建我們想要的視覺效果

如果不使用自定義視覺來讀取這些圖像，則卡片視覺無法處理圖像，但表格可以很好地處理圖像。因此，我們將首先創建一個表格視覺對象，然後我們可以將該表格視覺對象格式化為看起來像卡片視覺對象。

我們使用我們的圖標兩個 Base64 文件，然後是我們的度量，LNR 的平均值。接下來，我們可以使用新的格式窗格相應地設置這些格式。

這就是您使用 Base64 的方式。另一種可能性是使用基於網絡的圖像。您可能想要這樣做的原因是您正在使用更複雜的圖像。在將圖像拆分成多個部分然後在 DAX 中進行類似處理方面，您可以做一些事情。但更簡單的方法是通過基於網絡的圖像。

下載文件後（綠色向上箭頭和紅色向下箭頭），您可以轉到圖像託管站點。我使用的那個叫做IMGBB。同樣，我與該站點沒有任何關係；這只是我碰巧喜歡的一個，對我來說效果很好。

您只需將圖像上傳到此站點，轉到嵌入代碼並確保您正在查看直接鏈接。

然後你可以復制那些。然後，使用我們在SWITCH TRUE語句中所做的相同基本結構，您可以將它們粘貼到該基本結構中。從圖像的角度來看，這應該能準確地滿足我們的需求。

如何將自定義 LuckyTemplates 圖標添加到您的報表中
LuckyTemplates 報表開發：創建主題、公司徽標、圖標和背景
您從未聽說過的最佳自定義視覺效果

結論

這就是我今天要向您展示的技術。您可以使用它以多種不同的方式創建動態 LuckyTemplates 自定義圖標。表格處理得很好。您也可以通過矩陣來執行此操作，然後有一些自定義可視化工具可以在框架內單獨查看這些內容。

這種技術有很大的靈活性，希望對您有所幫助。您可以觀看下面的完整視頻教程以了解更多詳細信息。

乾杯!