admin管理员组

文章数量:1487745

Power BI 切片器/卡片图自适应画布布局

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

这样的布局方式比较死板,有没有可能切片器和卡片图组自动适应画布空间?

以下是切片器效果(卡片图组原理相同),拖拽画布大小,自动匹配:

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

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

代码语言:javascript代码运行次数:0运行复制
#htmlContent {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 3px;
}

除了布局上的灵活性,HTML Content可以借助SVG将图表插入切片器。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。原始发表:2024-08-15,如有侵权请联系 cloudcommunity@tencent 删除bi布局对象图表拖拽

本文标签: Power BI 切片器卡片图自适应画布布局