Power BI 跑道圖核心原理
跑道圖從功能上來說類似條形圖,從樣式上來說像環(huán)形圖。與條形圖的區(qū)別在于,它是彎曲的;與環(huán)形圖的區(qū)別在于,跑道的數(shù)量是不固定的。例如以下人員對比,按照篩選環(huán)境,可能是三個人,也可能是五個人。

Power BI使用SVG可以度量值自定義跑道圖(不了解SVG參考前文《Power BI SVG制圖入門知識》),并用新卡片圖視覺對象展示。
要繪制跑道圖,先要知道環(huán)形圖怎么畫。環(huán)形圖的構(gòu)建有兩種方式,一種是畫一個完整的圓圈,然后使用stroke-dasharray顯示有數(shù)據(jù)的部分。另一種是使用path的弧線命令A(yù)只繪制數(shù)據(jù)對應(yīng)的圓弧,《Power BI DAX設(shè)計扇形圖、環(huán)形圖》已給出繪制方法。至于跑道是180度還是270度,可以調(diào)整A對應(yīng)的值。
有了一個環(huán)形,如何多個環(huán)形拼接?以上圖的人員業(yè)績達(dá)成為例,使用ROWNUMBER函數(shù),按照業(yè)績達(dá)成率指標(biāo)構(gòu)建索引,對跑道的半徑進(jìn)行衰減(即最大值半徑最大,例如100像素,其它的按索引減少),最后用CONCATENATEX函數(shù)拼接所有跑道。
類別標(biāo)簽、數(shù)據(jù)標(biāo)簽使用SVG的text元素統(tǒng)一書寫,頭像這里使用的是base64編碼,新卡片圖視覺對象暫不支持網(wǎng)絡(luò)圖床URL嵌入SVG,SVG的image元素引用頭像。無論是text還是image,縱坐標(biāo)(即Y值)隨ROWNUMBER的索引進(jìn)行變化。
以下是半圓跑道的實現(xiàn)效果:

本文pbix源文件在我的知識星球下載。