Power BI 自定义切片器/图表网格布局

Power BI新切片器视觉对象有单行、单列、网格三种布局选项。

新切片器比原切片器强大了很多，但是还不够强大。比如，在切片器维度插入迷你图，内置切片器目前无法做到，可以使用HTML Content视觉对象加载SVG，实现插入任意迷你图的切片器。

现在的问题是，HTML Content默认的切片是纵向排列，《Power BI HTML Content图表横向纵向切换技巧》介绍了如何实现横向转换。那么网格呢？

在视觉对象-Stylesheet输入以下CSS语句即可转换为网格视图。

#htmlContent {
display: grid;
grid-template-columns: 1fr 1fr 1fr; 
grid-gap: 3px; 
}

grid-template-columns的参数数量决定了网格列的数量，比如

grid-template-columns: 1fr 1fr 1fr 1fr; 

意味着变为四列：