Power BI卡片图主次指标组合展示

wujunmin

发布于 2023-09-05 14:54:44

3070

发布于 2023-09-05 14:54:44

文章被收录于专栏：wujunmin

指标有主次之分，比如业绩是一个主指标，辅助比较业绩好坏的指标是次级指标，业绩和目标对比（业绩达成率），业绩和同期对比（业绩增长率）。ZebraBI擅长使用卡片图进行指标组合，例如下图主指标放在上方中央，去年同期率值和绝对值增长作为辅助放在下方。

或者排版进行变化，两个辅助指标放在右侧：

Power BI于2023年6月推出的新卡片图也能实现此种效果（不了解新卡片图可参考此文：Power BI可视化的巅峰之作：新卡片图）。默认情况下，卡片图只能平铺展示所有指标，但结合SVG可以实现ZebraBI的效果（此处仅对主次指标组合，不涉及卡片图中的迷你趋势图，迷你图同样可以实现，后续会分享）。

例如，将去年同期放在下方或者右侧：

将业绩达成率和增长率放在业绩左侧或者右侧：

以上展示方式的原理是相同的，使用SVG的text对指标进行包裹，达成和增长同时显示的完整度量值如下：

新卡片图_双排 = 
VAR ARROW_PY = IF([增长率]>=0, UNICHAR ( 9650 ),UNICHAR ( 9660 ))
VAR ARROW_PL = IF([业绩达成率]>=0.3, "√", "×")
VAR SVG =
    "data:image/svg+xml;utf8,
    <svg xmlns='http://www.w3.org/2000/svg' height='40' width='100'>
        <g><title>公众号、知乎、B站：wujunmin</title>
        <text font-size='15'>
            <tspan x='0' y='20'>达成</tspan>
            <tspan x='0' y='38'>增长</tspan>
            <tspan x='36' y='20' fill='" & IF([业绩达成率]>=0.3,"Green","Red") & "'>" & 
                ARROW_PL & FORMAT([业绩达成率],"0% ") &"
            </tspan>
            <tspan x='36' y='38' fill='" & IF([增长率]>=0,"Green","Red") & "'>"& 
                ARROW_PY & FORMAT([增长率],"0% ") &"
            </tspan>
        </text>
        </g>
    </svg> "
RETURN
    SVG

度量值中的符号可以使用UNICODE，也可以直接使用输入法打出。示例增长率箭头使用了UNICODE，达成率对勾使用了输入法。辅助指标的多少可以按照实际需求增减tspan标签数量。

将新卡片图的填充图像设置为上方SVG度量值，即可正常展示。