Power BI 模拟豆瓣年度报告卡片图

wujunmin

发布于 2025-02-10 18:53:02

6500

代码可运行

文章被收录于专栏：wujunminwujunmin

运行总次数：0

代码可运行

豆瓣APP近日推出了2024年度总结报告，以下是其中的一组卡片图：

Power BI制作这样的卡片非常容易，原理是DAX结合SVG（本案例不需要了解SVG知识），以下是模拟效果：

首先，准备好需要展示的指标：

接着把这些指标SVG化，SVG度量值如下：

SVG.看过影视 = 
VAR KPI_Name = "看过影视"
VAR KPI_Value = [M.看过影视] & " 部"
VAR KPI_Icon = "电影相关的SVG图标"
RETURN
"data:image/svg+xml;utf8,<svg width='400' height='72' xmlns='http://www.w3.org/2000/svg'>
<rect x='0' y='0' rx='36' width='400' height='72' fill='lightgrey' fill-opacity='0.5'/>" & 
SUBSTITUTE(KPI_Icon,"width='48' height='48'","width='30' height='30' x='20' y='21'") & "<text x='60' y='46' font-size='28'>"& KPI_Name & "</text><text x='375' y='46' font-size='28' text-anchor='end'> " & KPI_Value & "</text></svg>"

Return前面的部分按需调整，分别是指标名称，指标值，指标对应的SVG图标。