Power BI卡片图添加麦肯锡华夫饼百分比
wujunmin
编辑于 2023年11月14日 19:54
收录于文集
共228篇

Power BI 2023年新推出的卡片图打开了图表新局面，麦肯锡擅长使用华夫饼图表达百分比，本文介绍新卡片图如何实现类似风格。下图展示了将华夫饼图放在指标右上方，图表和数字相结合。

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

代码块
JavaScript
自动换行
复制代码
卡片图华夫饼圆形填充 = 
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像素。

上方是一个基础版本，读者可以在此基础上深加工，比如圆圈旋转为从下方显示：

填充图案变为方形：

数据可视化 图表 麦肯锡 SVG PowerBI 华夫饼图
本文为我原创，未经授权禁止转载
cv27694638