Power BI 阵列式小多图载体选择
小多图(或者叫小型序列图),通常用于阵列式展示图表。

Power BI多个内置视觉对象在“小型序列图”区域拖入指定维度即可生成。

内置的小型序列图美观性差且选择少,那么如何阵列式展示自定义小多图(通常由DAX结合SVG生成)?
以下是使用矩阵视觉对象生成的小多图:

已知矩阵在显示一个维度时要么单行,要么单列,这里为什么实现了多行多列?

原理非常简单,在维度表新建两列,分别对需要展示的维度进行行列坐标标记(可以手动输入维护或者ROWNUMBER函数进行非重复索引)。

矩阵如下拖拽字段即可得到换行的维度:

值换成SVG图表即可得到小多图。
这里有一个小小的BUG,例如外部筛选环境发生变化,去掉丽水市,会发现排在丽水市后面的城市并不会自动补位。

换个载体,新切片器视觉对象自带网格显示功能,去掉中间的丽水市后可以看到补位完成:

现在就差在切片器上显示SVG图表,但是非常遗憾,目前该视觉对象支持网络图床的图像URL,也支持Base64,暂不支持SVG代码显示。
所以跳过。换第三个视觉对象HTML Content,实现了:

HTML Content如下拖拽字段:

默认图表纵向排列,在Stylesheet输入CSS代码:

#htmlContent {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 3px;}
图表实现阵列排版,并且自适应画布,比如拉宽画布,得到:

总结一下,如果需要自定义小多图,可以考虑使用矩阵。如果公司还允许使用第三方视觉对象,则HTML Content表现优异。
