Power BI卡片图指标与排名组合

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

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

《卡片图添加异形边框》

《卡片图主次指标组合》

《卡片图总分结构》

《卡片图添加地图》

《卡片图添加下划线》

《卡片图添加折线趋势》

《卡片图叠加进度条》

《卡片图添加天气动画图标》

《卡片图模拟微信日周月对比》

Power BI表格矩阵可以借助条件格式图标实现指标和排名组合，卡片图可以办到吗？

2023年6月推出的卡片图可以实现类似的组合（不了解新卡片图可查看此文：Power BI可视化的巅峰之作：新卡片图），例如，指标右上角放一个排名卡片，绿色表示前三名，红色表示排名靠后：

实现的方式是卡片图插入SVG矢量图，上方示例的排名图片度量值为：

排名图片= 
 "data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36'>
    <circle cx='18' cy='18' r='18'  fill='"&
        IF([业绩排名]<=3,"DarkCyan","Tomato")&"'/>
    <text x='18' y='28' text-anchor='middle'  font-size='22'>"&
        [业绩排名]&"</text>
</svg>"

把度量值放入卡片图的图像URL，位置为右侧，图像大小可以按需调整。

排名也可以放到上方，以下看上去是一种神奇的效果，排名在边框之上。

如果使用卡片图的默认边框，是无法产生这种效果的，此处实际做了一个假边框，下图外层是真实边框，内层为假边框。

假边框是我们填充了一个卡片背景图，填充方式参考此文《Power BI卡片图异形边框》。填充完成后关闭真边框，并把排名图像至于上方。

还有一种更神奇的效果，排名图标在边框角落，而不是上下左右，读者可以思考下如何实现。