tft每日頭條

 > 生活

 > power bi如何換背景顔色

power bi如何換背景顔色

生活 更新时间:2025-03-13 13:19:57

目前PowerBI裡面視覺對象的各種填充和背景都是純色或者圖片填充的,還不能直接使用漸變填充,但可以使用一些巧妙的技巧來完成漸變背景填充,這裡使用的是最常用的卡片視覺對象效果進行展示,效果如下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)1

為了做一個效果的對比,首先還是做一個默認的卡片視覺對象的效果。這裡放了三個指标,銷售金額、銷售金額完成率和毛利率的完成率,直接默認把三個指标拖進來的效果如下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)2

我們需要根據銷售金額和完成率的數值進行不同顔色的填充,需要寫三個控制背景顔色變化的度量值,DAX語句如下↓

銷售金額color = SWITCH( TRUE(), [銷售金額(萬)]>=100,"#55C164", --綠色 [銷售金額(萬)]>=20,"#FFCE5C", --黃色 "#FF7A6F" --紅色 ) 銷售額完成率color = SWITCH( TRUE(), [銷售額完成率]>=0.9,"#55C164", --綠色 [銷售額完成率]>=0.5,"#FFCE5C", --黃色 "#FF7A6F" --紅色 ) 毛利完成率color = SWITCH( TRUE(), [銷售毛利完成率]>=0.9,"#55C164", --綠色 [銷售毛利完成率]>=0.5,"#FFCE5C", --黃色 "#FF7A6F" --紅色 )

顔色定義好後,通過菜單裡面自定義的背景顔色選項,把我們的度量值放進去就行了,演示一下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)3

剩下的兩個按照這個方式同樣再設置一下就完成了,最終效果如下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)4


下面開始正題,做一個漸變的背景效果,這裡直接用Card這個視覺對象就不行了,我們需要通過其他的組合方式來靈活實現,用到的是PowerBI自帶的按鈕和文本框。首先我們插入一個默認的按鈕,稍微設置一下格式,然後裡面有一個文本公式選項,我們通過文本公司插入我們的數值,這裡需要注意的是,我們用公式彙總和計算出來的值這裡不能直接使用,需要先進行格式化處理,也很簡單,三個值的DAX如下↓

銷售金額_format = FORMAT([銷售金額(萬)],"#0.00") 銷售額完成率format = FORMAT([銷售額完成率],"#0.0%") 銷售毛利完成率format = FORMAT([銷售毛利完成率],"#0.0%")

然後是同樣的操作,把對應的數值加入公式裡面就行了,簡單演示一下操作步驟↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)5

然後把邊框、顔色簡單設置一下,在插入一個文本框寫上對應的度量值名稱就可以了,簡單處理後的效果如下,和card視覺對象很相似了,但是數值的位置擺放更靈活了↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)6

下面是做漸變背景的關鍵,原理很簡單,我們還是使用自定義的顔色對這個視覺對象進行填充,這裡還是隻能純色填充,那麼如何實現漸變效果呢?思路很簡單,在填充顔色上面加一個透明漸變圖層就可以了,有PS基礎的人應該一下就明白了,加一個左下白色到右上漸變透明的圖層,這個圖層可以在PS裡面做一個,或者直接使用PPT簡單做一個也是一樣的,然後保存成PNG格式就行了。

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)7

在填充裡面把png圖片插入進來就可以了,然後設置成圖片填充的模式就可以了,再把剩下兩個複制一下,就完成了,效果如下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)8


到此,動态漸變背景效果就完成了,在此思路上,我們還可以做一些其他的效果。比如開頭演示的,我們不需要整個背景都進行顔色的填充,我們隻在右上角進行不同顔色的展示做一個提示效果就行了。這裡思路還是一樣的,隻需要在無任何填充的選項卡的右邊新增一個漸變效果的按鈕就行了,最後的效果如下↓

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)9


有了上面這個思路,應該就可以自由創作出很多更有趣的可視化展示效果了,後面有其他的效果也會進行分享。

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)10

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)11

End

power bi如何換背景顔色(PowerBI卡片背景動态漸變效果)12

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved