在VisualCapitalist看到这么一个排名图,结构是排名+公司logo+行业标签,Power BI矩阵也可以制作类似的效果,这是三种类型的图片组合。

以下是模拟结果:

准备数据如下,logo可以是URL、本地图片转Base64或者SVG:

把公司名称放入矩阵行,logo放入值(标记为图像URL),得到以下效果:

行业标签使用SVG度量值包裹,我提供了工具进行制作《Power BI 万能富标签生成器》,把标签度量值放入矩阵的值,得到:

将值切换到行:

拖拽隐藏不需要的Company列和度量值名称:

为logo添加SVG条件格式排名图标,排名图标的制作方式参考:Power BI 排名与Top可视化总结

可以看到效果似乎有点不对,行业标签的位置没有和logo对齐。

这是因为条件格式排名图标占据了一定空间,我们没有为标签设置条件格式,任意为标签设置一个不会生效的空白条件格式图标,位置即被占据,形成:

上图标签的背景是相同宽度,设置成按字符数变化也是可以的,如下图右侧:

本文配套视频讲解在知识星球提供
https://t.zsxq.com/heA5j
该视频隶属于《Power BI SVG图表设计:从基础到实战》系列教程。