环绕式卡片是一种指标组合可视化效果,下图中间是业绩结果,四周是影响业绩结果的几个指标。Power BI借助PPT,仅使用内置卡片图可以轻松实现。
首先,在PPT选择需要的SMART图形:
卡片数量可以按需调整,比如4+1调整为3+1:
在Power BI最简单的实现卡片组的办法是,把上图当作背景插入,每个圆圈上分别放置一个卡片视觉对象进行叠图,看上去形成一体化效果。有没有可能一个视觉对象实现卡片组?当然没问题。
在PPT把指标文字编辑好,这里数据任意虚拟,起到占位作用。
鼠标右键,将图形另存为可缩放的向量图形,即SVG格式。
记事本打开SVG文件,查找替换将所有双引号替换为单引号。Power BI新建一个空白度量值,粘贴SVG文本,文本前手工加上下图红框的前缀:
找到度量值代码中你在PPT中虚拟的指标数据,替换为对应的指标度量值,以便数据变化。替换时需要将指标使用FORMAT包裹下,进行格式处理。
使用新卡片图视觉对象拖拽任意一个数据,关闭标签标注,打开图像,图像URL选择上方的SVG度量值:
以上完成后,环绕式卡片组即顺利实现。如果数据字符宽度随时切片器有变化(比如有的门店业绩几万,有的几十万),可能文本对齐会有问题,此时需要在SVG度量值中,加入text-anchor参数进行对齐方式调整。