首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >从Puma财报学习Power BI表格条件格式

从Puma财报学习Power BI表格条件格式

作者头像
wujunmin
发布2025-02-10 18:16:24
发布2025-02-10 18:16:24
3330
举报
文章被收录于专栏:wujunminwujunmin

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

上图的表格有两个特点,首先,每个季度的数据背景色标注了增长下降;其次,黄色线条框选了最新一个季度的数据。

背景色比较简单,新建一个背景色度量值:

代码语言:javascript
复制
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中新建度量值,如下构造:

代码语言:javascript
复制
=IF([kpi]>0,绿色的向上箭头SVG代码,红色的向下箭头SVG代码)

把度量值放到条件格式图标,得到:

此处仅演示,数据无意义

这些样式能不能组合使用?可以:

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-11-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wujunmin 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档