瑞幸APP有一個(gè)咖啡日歷，喝咖啡的那天會(huì)出現(xiàn)一個(gè)杯子進(jìn)行標(biāo)記。這個(gè)效果如何在Power BI模擬？

Power BI做一個(gè)普通日歷非常容易，內(nèi)置矩陣拖拽一個(gè)即可，現(xiàn)在的問(wèn)題是，如何把咖啡杯放在上面？

首先要有杯子。在B站找我的視頻打開(kāi)我給大家分享的圖標(biāo)庫(kù)，搜索咖啡即可找到對(duì)應(yīng)圖標(biāo)。當(dāng)然，場(chǎng)景可以擴(kuò)充，比方你想記錄自己每天有沒(méi)有吃蘋(píng)果，就可以搜索蘋(píng)果：

選擇需要的圖標(biāo)后，復(fù)制右側(cè)的SVG代碼，新建一個(gè)度量值，將代碼粘貼進(jìn)去。我分享的圖標(biāo)相對(duì)簡(jiǎn)約，如果你想要華麗的、多彩的，可以參考以下圖標(biāo)庫(kù)：
https://www.iconfont.cn/

https://www.svgrepo.com/

準(zhǔn)備好的咖啡圖標(biāo)代碼大體是下方這個(gè)樣子，<svg>開(kāi)頭，</svg>結(jié)尾，data:image/svg+xml;utf8,是Power BI識(shí)別SVG的標(biāo)識(shí)符，如果你復(fù)制的代碼沒(méi)有這段，需要手動(dòng)加上。

data:image/svg+xml;utf8,<svg?xmlns='http://www.w3.org/2000/svg'?height='100'?width='100'>亂七八糟的一堆不知所云的內(nèi)容</svg>

現(xiàn)在圖標(biāo)有了，需要把日期插入進(jìn)去，利用SVG的text標(biāo)簽，如下所示。文字的大?。╢ont-size）、位置（XY）按照你的SVG圖標(biāo)的寬度高度匹配進(jìn)行調(diào)整，剛開(kāi)始顯示效果不佳沒(méi)關(guān)系，可以多次調(diào)整對(duì)應(yīng)參數(shù)。

以下度量值會(huì)在每一天顯示咖啡圖標(biāo)，如需僅在喝咖啡那天顯示，把“咖啡圖標(biāo)代碼”用IF語(yǔ)句進(jìn)行包裹。

最后，把SVG度量值標(biāo)記為圖像URL，放入矩陣的“值”，得到最終的結(jié)果。找到和瑞幸一模一樣的杯子圖標(biāo)是困難的，所以此處是一個(gè)相似款代替。細(xì)節(jié)設(shè)置上，日期文本的顏色可以像瑞幸那樣變化，喝咖啡那天一個(gè)顏色，工作日一個(gè)顏色，周末一個(gè)顏色，在上方度量值中的text加入fill屬性，再I(mǎi)F語(yǔ)句變換即可。

咖啡是個(gè)引子，圖標(biāo)按需進(jìn)行替換：

本文示例pbix源文件：

https://t.zsxq.com/0eZ1dMxG0