Power BI 模拟超市小票风格进度条

wujunmin

发布于 2025-02-10 14:04:01

5400

代码可运行

文章被收录于专栏：wujunminwujunmin

运行总次数：0

代码可运行

奈飞工程师Susie Lu设计了一种图表效果的购物小票，如下图所示：

图片来源：Susie Lu的博客

Power BI可以使用类似的思路制作进度条，以下分别是卡片图和表格的展示效果：

原理是SVG填充条纹图案，把下方度量值中的业绩达成率替换为你的百分比指标，标记为图像URL可放入表格矩阵使用，也可插入新卡片图视觉对象。

SVG.进度条.小票效果 = 
VAR Pct = IF ([M.业绩达成率]>=1,1,[M.业绩达成率])
RETURN 
"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='30'>
<defs><pattern id='wujunmin' x='0' y='0' width='10' height='20' patternUnits='userSpaceOnUse'>
<rect x='0' y='0' width='10' height='20' fill='lightgrey' fill-opacity='0.5'/><path d='M10,0L0,20' stroke='grey' stroke-width='1'/></pattern></defs><rect x='1' y='5' height='20' width='198' fill='none' stroke='grey' stroke-width='2' stroke-dasharray='2'/><!--公众号:wujunmin--><rect x='1' y='5' height='20' width='" & 198*Pct &"' fill='url(#wujunmin)'/>
</svg>"

更多进度条效果可以参考视频教程：Power BI SVG图表设计：从基础到实战