Power BI 为文本添加多彩丝带

先看效果，单行式：

多行式：

奖牌式：

实现这些需不需要复杂的代码？

需要代码，但是不需要自己写，别人已经写好了上百种丝带款式，我们只需要套用，原理是CSS造图。

新建一个文本度量值，结构如下，双引号中的内容一个字母也不能少。

M.HTML.文本 = 
"<div class='ribbon'>文本内容</div>"

在真实业务场景中，文本内容比如说是业绩达成率：

M.HTML.度量 = 
"<div class='ribbon'>业绩达成 " & FORMAT([M.业绩达成率],"0%") & "</div>"

这是本文唯一需要掌握的代码，剩下的交给前端大师。把这个度量值放入HTML Content视觉对象，得到：

接下来对文本进行包装，打开丝带造型网站：

https://css-generators.com/ribbon-shapes/

鼠标放到需要的造型上面，会出现“Copy the CSS”字样，鼠标点一下，代码得到复制。

返回Power BI，在HTML Content的stylesheet粘贴刚才的代码，效果即完成：

如需调整背景色或者文本颜色，在CSS代码找到color和background进行调整，可以RGB、十六进制或者英文颜色名称（Power BI 支持哪些英文颜色名称？）

丝带的宽度不是固定的，可以自适应文本长度：

丝带作者提供了上百种样式，读者可以自由挑选。大部分可以直接按照本文步骤使用，少数可能适配HTML Content视觉对象有问题，需要调整。