Power BI環(huán)形圖添加場(chǎng)景圖標(biāo)
在Statista看到一種嵌入圖標(biāo)的百分比環(huán)形圖,如下圖所示:

這種環(huán)形圖的制作方法可以復(fù)刻到Power BI中,使得一個(gè)簡(jiǎn)單的環(huán)形圖場(chǎng)景化,比如電器公司可以內(nèi)嵌空調(diào)、洗衣機(jī)的圖案,描述地理數(shù)據(jù)可以內(nèi)嵌地圖圖案。實(shí)現(xiàn)的方法是DAX和SVG結(jié)合。
環(huán)形圖如何使用DAX制作已在B站前文《Power BI DAX設(shè)計(jì)扇形圖、環(huán)形圖》分享,現(xiàn)在需要在上面加上圖標(biāo)。以自行車圖標(biāo)為例,首先可以在前期B站分享的圖標(biāo)庫搜索自行車圖標(biāo),復(fù)制右側(cè)的SVG代碼。

找一個(gè)SVG在線編輯器,在視圖-源代碼中,粘貼剛才的代碼。

粘貼時(shí)注意僅保留<svg>開頭和</svg>中間的部分,粘貼完成后,圖案顯示如下,右側(cè)可以看到該圖案畫布大小為48*48像素。

此時(shí)把圖案大小調(diào)整為和環(huán)形圖度量值設(shè)置的大小一致,比如120像素,調(diào)整完成后的結(jié)果如下圖所示:

接下來需要將自行車水平居中、垂直居中,自行車的大小不合適也可拖拽調(diào)整。

調(diào)整到位后,再次點(diǎn)擊視圖-源代碼,掐頭去尾,復(fù)制里面的核心部分到記事本,查找替換所有的雙引號(hào)為單引號(hào)。

將修改完成后的代碼放到環(huán)形圖的</svg>前面,圖表度量值即調(diào)整完成。標(biāo)記為圖像URL后可以在表格、矩陣使用。本例是單個(gè)環(huán)形圖圖標(biāo)的設(shè)置,批量設(shè)置(如不同區(qū)域的環(huán)形圖顯示不同地圖)時(shí),需挨個(gè)調(diào)整地圖代碼,在維度表新增列保存地圖代碼,再嵌入到基礎(chǔ)環(huán)形圖中。

本文配套pbix源文件:
https://t.zsxq.com/0e1RFd9r4