Power BI 玻璃质感长文本卡片

这里采用的是《Power BI 多指标加权综合排名》示例，效果如下图所示。最大号的#1#2#3淡色字体为门店的综合排名，接着是门店名称，最后的小字是详情描述。

可以用作卡片图，也可以用作切片器。放大其中一个看到，边框设计非常有质感：

这种效果不是插入背景图，而是CSS生成。作者为B站UP主艾恩小灰灰，我们可以在Power BI直接应用作者的代码。

首先，新建两个前端度量值，M.CSS用来存放CSS样式代码，M.HTML用来存放模型中需要展示的数据。

CSS在代码作者B站主页复制：

https://b23.tv/ZeNsTpT

HTML度量值是以下结构，<h2>本例为大号淡色字体，展示综合排名，你可以换成任意指标，<h3>本例展示店铺名称，<p>对应的是数据细节。

接着，在HTML Content视觉对象如下拖拽字段：

Stylesheet拖拽CSS度量值进行样式设置：

以上完成了卡片图设置，如果需要作为切片器使用，打开Cross-filtering：