首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

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

是不是挺有意思?

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

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

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

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

2,最上层卡片图设置

卡片图设置为无边框;

背景设置为透明。

3,中间层卡片图设置

背景色:白色不透明

字体颜色设置

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

销售额配色=

IF(

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

"#E0E0E0",

"#FFFFFF"

)

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

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

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

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

边框颜色设置

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

销售额边框配色=

IF(

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

"#263238",

"#BDBDBD"

)

设置步骤同上。

4,最底层卡片图设置

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

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

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

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

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

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

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

7,添加切片器

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

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191104A09IPZ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券