
Power BI新切片器和新卡片图视觉对象提供了三种布局方式-单行、单列和网格。网格需要手动输入显示的行列数量。

这样的布局方式比较死板,有没有可能切片器和卡片图组自动适应画布空间?
以下是切片器效果(卡片图组原理相同),拖拽画布大小,自动匹配:

实现方法就是使用HTML Content视觉对象作为切片器或者卡片图的载体。上图的切片器字段如下设置:

在Stylesheet输入一段CSS语句即完成设置:

#htmlContent {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 3px;
}除了布局上的灵活性,HTML Content可以借助SVG将图表插入切片器。
