PowerBI卡片背景动态渐变效果

目前PowerBI里面视觉对象的各种填充和背景都是纯色或者图片填充的,还不能直接使用渐变填充,但可以使用一些巧妙的技巧来完成渐变背景填充,这里使用的是最常用的卡片视觉对象效果进行展示,效果如下↓

为了做一个效果的对比,首先还是做一个默认的卡片视觉对象的效果。这里放了三个指标,销售金额、销售金额完成率和毛利率的完成率,直接默认把三个指标拖进来的效果如下↓

我们需要根据销售金额和完成率的数值进行不同颜色的填充,需要写三个控制背景颜色变化的度量值,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" --红色

)

颜色定义好后,通过菜单里面自定义的背景颜色选项,把我们的度量值放进去就行了,演示一下↓

剩下的两个按照这个方式同样再设置一下就完成了,最终效果如下↓


下面开始正题,做一个渐变的背景效果,这里直接用Card这个视觉对象就不行了,我们需要通过其他的组合方式来灵活实现,用到的是PowerBI自带的按钮和文本框。首先我们插入一个默认的按钮,稍微设置一下格式,然后里面有一个文本公式选项,我们通过文本公司插入我们的数值,这里需要注意的是,我们用公式汇总和计算出来的值这里不能直接使用,需要先进行格式化处理,也很简单,三个值的DAX如下↓

销售金额_format = FORMAT([销售金额(万)],"#0.00")

销售额完成率format = FORMAT([销售额完成率],"#0.0%")

销售毛利完成率format = FORMAT([销售毛利完成率],"#0.0%")

然后是同样的操作,把对应的数值加入公式里面就行了,简单演示一下操作步骤↓

然后把边框、颜色简单设置一下,在插入一个文本框写上对应的度量值名称就可以了,简单处理后的效果如下,和card视觉对象很相似了,但是数值的位置摆放更灵活了↓

下面是做渐变背景的关键,原理很简单,我们还是使用自定义的颜色对这个视觉对象进行填充,这里还是只能纯色填充,那么如何实现渐变效果呢?思路很简单,在填充颜色上面加一个透明渐变图层就可以了,有PS基础的人应该一下就明白了,加一个左下白色到右上渐变透明的图层,这个图层可以在PS里面做一个,或者直接使用PPT简单做一个也是一样的,然后保存成PNG格式就行了。

在填充里面把png图片插入进来就可以了,然后设置成图片填充的模式就可以了,再把剩下两个复制一下,就完成了,效果如下↓


到此,动态渐变背景效果就完成了,在此思路上,我们还可以做一些其他的效果。比如开头演示的,我们不需要整个背景都进行颜色的填充,我们只在右上角进行不同颜色的展示做一个提示效果就行了。这里思路还是一样的,只需要在无任何填充的选项卡的右边新增一个渐变效果的按钮就行了,最后的效果如下↓


有了上面这个思路,应该就可以自由创作出很多更有趣的可视化展示效果了,后面有其他的效果也会进行分享。

End

◆ PowerBI_RFM客户关系模型
◆ PowerBI饼图、圈图、旭日图
Excel时间序列预测函数
◆ Python操作MySQL数据库
◆ Python企业微信机器人

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容