Power BI 切片器手绘涂鸦框选模式

Power BI 切片器手绘涂鸦框选模式

原创 wujunmin wujunmin

2025年05月28日 07:04 陕西

以城市维度切片为例，未选中任何城市时切片器平平无奇：

图片

选中一个城市，会看到手绘框选效果：

图片

选中多个城市，手绘框选样式竟然是随机出现的：

图片

这里使用按钮切片器结合SVG矢量图实现，整个过程不需要了解SVG代码知识（如果想了解一些，参考：Power BI SVG制图入门知识2025版）

首先，找一个SVG在线编辑器，各家功能都差不多。下图的版本右侧输入宽高，这里数字大小无所谓，和你的Power BI 切片器长宽比差不多就行，不需要精确。左侧选择铅笔随意在画布上画一个框。

图片

画完点击视图-查看源代码：

图片

不需要理解代码内容，代码粘贴到记事本，双引号替换为单引号等待使用。

图片

如果需要随机效果，再绘制几个手绘框，代码均备份。

绘制完在Power BI 新建度量值：

SVG.涂鸦框选 =
VAR _path =
    SWITCH (
        RANDBETWEEN ( 1, 3 ),
        1, "第一个手绘框的SVG代码",
        2, "第二个手绘框的SVG代码",
        3, "第三个手绘框的SVG代码"
    )
RETURN
    "data:image/svg+xml;utf8," & _path

以上假设三种随机效果，更多的话随机数按需增加。按钮切片器放入需要展示的维度：

图片

当状态是选定时，图像区域选择以上SVG度量值，并且设置为背景。

图片

图片

完工。Pbix在文末知识星球分享。

更多按钮切片器操作技巧：

Power BI 内置切片器迎来高光时刻

Power BI 内置视觉对象实现高级交互

Power BI 内置视觉对象实现蛇形S形时间轴图表

Power BI 日历切片器添加假日标注