Power BI 高级长文本-异形背景高亮

普通状态下，文本背景色为长方形，例如下方的销售折扣（如不了解长文本可视化参考：Power BI 条件格式长文本生成工具)：

借助本文的技巧，文本背景可以自定义形状，比如突出维度：

突出数据：

核心原理为CSS中的clip-path，clip-path在前端领域通常用来裁剪图片，在这里我们进行了不同寻常的应用。新建一个度量值：

M.P.异形背景.举例 = 
"<span style='font-size: 30px;color: white;background: brown;clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);'>" &  
    SELECTEDVALUE('表'[店铺名称]) & "
</span>"

度量值中的background是必须的，clip-path为需要展示的形状，形状其实是SVG生成的。搜索引擎搜索"CSS clip-path生成器"，可以找到一大堆相似的工具帮你生成。

把度量值放入HTML Content视觉对象即可看到效果：

这里颜色和clip-path的形状都可以使用IF进行条件变化，比如下方的增长率上升为绿色，背景为向上箭头，反之红色下降箭头：