Power BI卡片图添加麦肯锡华夫饼百分比

wujunmin

发布于 2023-09-05 15:00:59

2840

发布于 2023-09-05 15:00:59

文章被收录于专栏：wujunmin

本文是Power BI新卡片图系列第12篇分享，前11篇如下：

《Power BI巅峰之作：新卡片图》

Power BI 2023年6月新推出的卡片图打开了图表新局面（不了解新卡片图参考此文：Power BI可视化的巅峰之作：新卡片图），麦肯锡擅长使用华夫饼图表达百分比，本文介绍新卡片图如何实现类似风格。下图展示了将华夫饼图放在指标右上方，图表和数字相结合。

新建一个新卡片图，放入指标或者维度，图像填充下方的SVG华夫饼度量值，图像位置位于右侧，图像大小稍微小一点，本例为40像素。

卡片图华夫饼圆形填充 = 
VAR t =
    GENERATESERIES ( 1, 10 )
VAR tPlus =
    GENERATE ( SELECTCOLUMNS ( t, "Value1", [Value] ), t ) 
VAR tPlusPlus =
    ADDCOLUMNS ( tPlus, "Index", RANKX ( tPlus, [Value] + [Value1] / 100,, ASC ) )
VAR tWaffle =
    ADDCOLUMNS (
        tPlusPlus,
        "circle",
            "<circle cx='" & [Value] * 10 - 5 & "' cy='" & [Value1] * 10 - 5 & "' r='4' fill='"
                & IF ( [Index] <= ROUND ( [百分比度量值] * 100, 0 ), "black", "lightgrey" ) & "'/>"
    ) 
VAR Chart =
    "data:image/svg+xml;utf8,
    <svg xmlns='http://www.w3.org/2000/svg' height='100' width='100'>" & "
    <g title='公众号：wujunmin'>"
        & CONCATENATEX ( tWaffle, [circle] ) & "
    </g>
</svg> "
RETURN
    Chart

如果需要把华夫饼作为主图显示，可以将图像位置设置为下方，图像大小放大，本例为150像素。