麥肯錫官網(wǎng)一個圖表介紹了自動化對零售業(yè)商品管理領域不同工作內(nèi)容的影響度，把不同工作環(huán)節(jié)的影響度分為輕、中、重，如下圖所示。分檔其實無處不在，體重可以是偏瘦、剛好、超重，數(shù)字可以是大中小、指標表現(xiàn)可以是好中差。Power BI如何實現(xiàn)這種分檔（不一定是三檔）？

Power BI在2023年的更新使得內(nèi)置表格借助SVG圖像可以實現(xiàn)麥肯錫的這種效果，以下介紹下實現(xiàn)思路。

下圖左側列示的每項工作內(nèi)容確定了上下文環(huán)境，只需要針對其中的一行進行圖表結構分析?？傮w上看這個圖表其實是條形圖的變種，圖表被三個灰色的長方形分成了三塊（分別對應輕、中、重）；灰色長方形的上方是一個細條形圖，條形圖依據(jù)數(shù)據(jù)大小而變化，此處數(shù)據(jù)進行了分類，可以建一個索引123，1表示輕，2表示中，3表示重；條形的末端是一個正方形裝飾。

無論是灰色背景，還是細長的條形，還是末端的正方形，本質上都可以看成是矩形（變長的、變細的、變正的），也可以看成是線條的各種變種。因此，可以有三種思路實現(xiàn)該圖表，僅使用SVG的rect標簽，僅使用line標簽，或者二者混合。以下以rect為例說明。

搞清楚要用什么技術手段后，接下來思考具體布局參數(shù)。首先是圖表的高度和寬度，上圖可以看到圖表很寬，但很窄。這里我依據(jù)過往經(jīng)驗把寬度設置為480像素，高度30像素。首次設置大概估計即可，后期顯示效果不佳可以調(diào)整。

這里寬度為什么設置成了480像素？是為了湊整。已知圖表被三個長方形平均分成了三塊，中間有兩個縫隙，所以把單個長方形寬度設置為了150像素，每個縫隙15像素。

三個rect拼接，背景繪制即完成：

背景畫完畫條形，前期已經(jīng)分享了幾個表格內(nèi)嵌條形圖的案例，把對應代碼套用到此處即可。語法和上方的背景沒什么不同，區(qū)別在于橫坐標x的值，此處需要依據(jù)輕、中、重對應調(diào)整，末端的正方形同理調(diào)整。