从PPT中寻找设计灵感，原来Power BI也可以用阴影突出显示

本文介绍一个可视化设计技巧，突出显示选择的数据。

在进行指标的展示时，经常用到醒目的卡片图，我们尝试做到的效果是，当选定一个指标后，该卡片图突出显示，效果如下：

选择切片器的一个指标，比如销售额，然后销售额数字以及卡片图整体出现阴影，来达到突出显示的效果。

是不是挺有意思？

做法其实不难，充分利用了卡片图中字体、边框、背景的颜色条件格式，以销售额卡片图为例，只需要以下几步。

1，制作三个相同的卡片图

制作三个尺寸相同的卡片图，将销售额度量值放进去。

上面看到的阴影效果实际上是三个卡片图叠加起来的。

关于卡片图的做法请参考：卡片图

2，最上层卡片图设置

• 卡片图设置为无边框；

• 背景设置为透明。

3，中间层卡片图设置

背景色：白色不透明

字体颜色设置

字体颜色需要动态显示，新建度量值

销售额配色 =

IF(

SELECTEDVALUE('分析指标'[分析指标])="销售额",

"#E0E0E0",

"#FFFFFF"

)

这个度量值的意思是，当选择的分析指标为"销售额"时，颜色显示为灰色，否则以白色显示。

然后在数据标签>颜色，选择条件格式，

弹出的窗口中选择按字段值配色，选择刚建立的度量值，

这样设置的结果是，当选择销售额时，字体以灰色颜色，否则以白色显示，因为背景也是白色的，所以就是不显示。

边框颜色设置

当选择销售额时深色显示，否则以浅色显示，同样用度量值实现：

销售额边框配色 =

IF(

SELECTEDVALUE('分析指标'[分析指标])="销售额",

"#263238",

"#BDBDBD"

)

设置步骤同上。

关于按字段值配色请参考：利用这个新功能，轻松实现图表的动态配色

4，最底层卡片图设置

底层的卡片图主要是利用背景色来显示阴影，所以只设置背景色的条件格式就行了。

背景色条件格式的度量值同中间层的字体设置，也是当选择销售额时灰色显示，否则不显示。

5，将三个卡片图叠加起来

将上面设置好的三个卡片图按上下顺序，错落叠加在一起就可以了。

为了效果更加逼真，这个步骤需要很细微的设置，不过设置好以后，可以利用PowerBI的新功能，把三个卡片图组合到一起，防止后期拖动时改变相对位置。

6，制作其他指标的卡片图

以销售额的效果同样制作利润表的卡片图，不过当然不用重复再做一遍，只需要把销售额卡片图复制一份，把相关的设置字段改为利润的即可。

7，添加切片器

把销售额和利润指标单独做个指标字段，利用这个字段制作切片器，关于这个步骤可以参考：PowerBI作图技巧：创建度量值进行动态指标分析

经过这些步骤，就可以实现开篇的突出显示效果了，关键是PowerBI功能以及卡片图各项元素的灵活运用。

这个技巧其实在PPT中很普通，在可视化的设计上，本来二者就有很多相通之处，值得借鉴学习。

好了，今天的分享就到这里，源文件已分享在知识星球，感兴趣的请自行下载练习。