Power BI设计技巧:阴影突出显示
本文介绍一个可视化设计技巧,突出显示选择的数据。
在进行指标的展示时,经常用到醒目的卡片图,我们尝试做到的效果是,当选定一个指标后,该卡片图突出显示,效果如下:
选择切片器的一个指标,比如销售额,然后销售额数字以及卡片图整体出现阴影,来达到突出显示的效果。
是不是挺有意思?
做法其实不难,充分利用了卡片图中字体、边框、背景的颜色条件格式,以销售额卡片图为例,只需要以下几步。
1,制作三个相同的卡片图
制作三个尺寸相同的卡片图,将销售额度量值放进去。
上面看到的阴影效果实际上是三个卡片图叠加起来的。
关于卡片图的做法请参考:卡片图
2,最上层卡片图设置
卡片图设置为无边框;
背景设置为透明。
3,中间层卡片图设置
背景色:白色不透明
字体颜色设置
字体颜色需要动态显示,新建度量值
销售额配色 =
IF(
SELECTEDVALUE('分析指标'[分析指标])="销售额",
"#E0E0E0",
"#FFFFFF"
)
这个度量值的意思是,当选择的分析指标为"销售额"时,颜色显示为灰色,否则以白色显示。
然后在数据标签>颜色,选择条件格式,
弹出的窗口中选择按字段值配色,选择刚建立的度量值,
这样设置的结果是,当选择销售额时,字体以灰色颜色,否则以白色显示,因为背景也是白色的,所以就是不显示。
边框颜色设置
当选择销售额时深色显示,否则以浅色显示,同样用度量值实现:
销售额边框配色 =
IF(
SELECTEDVALUE('分析指标'[分析指标])="销售额",
"#263238",
"#BDBDBD"
)
设置步骤同上。
关于按字段值配色请参考:利用这个新功能,轻松实现图表的动态配色
4,最底层卡片图设置
底层的卡片图主要是利用背景色来显示阴影,所以只设置背景色的条件格式就行了。
背景色条件格式的度量值同中间层的字体设置,也是当选择销售额时灰色显示,否则不显示。
5,将三个卡片图叠加起来
将上面设置好的三个卡片图按上下顺序,错落叠加在一起就可以了。
为了效果更加逼真,这个步骤需要很细微的设置,不过设置好以后,可以利用PowerBI的新功能,把三个卡片图组合到一起,防止后期拖动时改变相对位置。
6,制作其他指标的卡片图
以销售额的效果同样制作利润表的卡片图,不过当然不用重复再做一遍,只需要把销售额卡片图复制一份,把相关的设置字段改为利润的即可。
7,添加切片器
把销售额和利润指标单独做个指标字段,利用这个字段制作切片器,关于这个步骤可以参考:PowerBI作图技巧:创建度量值进行动态指标分析
经过这些步骤,就可以实现开篇的突出显示效果了,关键是PowerBI功能以及卡片图各项元素的灵活运用。
这个技巧其实在PPT中很普通,在可视化的设计上,本来二者就有很多相通之处,值得借鉴学习。
好了,今天的分享就到这里,源文件已分享在知识星球,感兴趣的请自行下载练习。
如果你刚开始接触Power BI,可在微信公众号后台回复"PowerBI",获取《七天入门PowerBI》电子书,轻松上手。
更多推荐:
采悟 @ PowerBI星球