欢迎光临散文网 会员登陆 & 注册

Power BI模拟瑞幸咖啡日历

2023-11-01 20:50 作者:wujunmin  | 我要投稿

瑞幸APP有一个咖啡日历,喝咖啡的那天会出现一个杯子进行标记。这个效果如何在Power BI模拟?

Power BI做一个普通日历非常容易,内置矩阵拖拽一个即可,现在的问题是,如何把咖啡杯放在上面?

首先要有杯子。在B站找我的视频打开我给大家分享的图标库,搜索咖啡即可找到对应图标。当然,场景可以扩充,比方你想记录自己每天有没有吃苹果,就可以搜索苹果:

选择需要的图标后,复制右侧的SVG代码,新建一个度量值,将代码粘贴进去。我分享的图标相对简约,如果你想要华丽的、多彩的,可以参考以下图标库:
https://www.iconfont.cn/

https://www.svgrepo.com/


准备好的咖啡图标代码大体是下方这个样子,<svg>开头,</svg>结尾,data:image/svg+xml;utf8,是Power BI识别SVG的标识符,如果你复制的代码没有这段,需要手动加上。

data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='100' width='100'>乱七八糟的一堆不知所云的内容</svg>

现在图标有了,需要把日期插入进去,利用SVG的text标签,如下所示。文字的大小(font-size)、位置(XY)按照你的SVG图的宽度高度匹配进行调整,刚开始显示效果不佳没关系,可以多次调整对应参数。

以下度量值会在每一天显示咖啡图标,如需仅在喝咖啡那天显示,把“咖啡图标代码”用IF语句进行包裹。

最后,把SVG度量值标记为图像URL,放入矩阵的“值”,得到最终的结果。找到和瑞幸一模一样的杯子图标是困难的,所以此处是一个相似款代替。细节设置上,日期文本的颜色可以像瑞幸那样变化,喝咖啡那天一个颜色,工作日一个颜色,周末一个颜色,在上方度量值中的text加入fill属性,再IF语句变换即可。

咖啡是个引子,图标按需进行替换:

本文示例pbix源文件:

https://t.zsxq.com/0eZ1dMxG0


Power BI模拟瑞幸咖啡日历的评论 (共 条)

分享到微博请遵守国家法律