
运动品牌Puma近日发布了2024Q3财报,发布的资料在可视化方面有很多值得学习的地方,本文借助Power BI模拟一二。

上图的表格有两个特点,首先,每个季度的数据背景色标注了增长下降;其次,黄色线条框选了最新一个季度的数据。
背景色比较简单,新建一个背景色度量值:
M.条件格式.背景色 = IF([M.销售业绩]>=5000,"green","red")矩阵单元格元素选择背景色,fx施加上方的度量值。

最新时间框选略微复杂,Power BI目前不支持单独针对某列设置边框。我们可以借助条件格式图标实现大致模拟:

上图两条黄色虚线把最大日期单独划分出来。这里线条使用SVG绘制,借助我分享的Power BI SVG在线工具,读者并不需要了解SVG代码知识也可以实现。打开工具:
https://app.powerbi.com/view?r=eyJrIjoiZDk1N2RiMTgtYWMwOC00ZDM3LTliYzQtYzMxYWYzOGVkNmI1IiwidCI6IjI5Y2JkNTY4LTBlOWItNDQ0Zi1iZTA1LTYxNjMyOTAzNjJmZSJ9
选择Power BI分割线生成器:

左侧调整需要显示的分割线样式,右上方预览效果,右下方复制SVG度量值,将度量值粘贴到你的模型。

将上方的SVG度量值施加到矩阵指标的条件格式图标,得到:

这并不是需要的结果,我们只想对最新的日期添加竖线。对以上SVG添加条件:

这里条件的含义是:当日期为最大值和第二大值时显示竖线,否则不显示。为什么要在第二大值也显示呢?
因为条件格式图标只能单侧显示,借助最大值左侧(也就是第二大)的空间,可以形成双线包裹的效果。把以上度量值施加在条件格式图标右侧:

得到:

Puma的财报还有一个表格,每个值旁边有一个增长下降箭头,如下图所示:

Power BI内置的条件格式图标有箭头,但是很丑。借助SVG我们可以进行美化。再次打开我分享的Power BI SVG在线工具,选择图标查询系统:

中文或英文搜索箭头,有上百种样式:

在线调整颜色、线条等样式后,复制右侧表格【Power BI用户复制】列的SVG代码。Power BI中新建度量值,如下构造:
=IF([kpi]>0,绿色的向上箭头SVG代码,红色的向下箭头SVG代码)把度量值放到条件格式图标,得到:

此处仅演示,数据无意义
这些样式能不能组合使用?可以:

读者可以思考下如何实现的。