富婆圖表庫可以復(fù)刻到Power BI
之前推薦過灰色執(zhí)照先生出品的SVG地圖,各個(gè)層級非常全面,可以用作Power BI可視化素材(B站有對應(yīng)視頻),今年灰色執(zhí)照先生又開發(fā)了一個(gè)新的作品:富婆圖表,可以在線生成種類豐富的可視化效果,有條形圖、折線圖這樣的基礎(chǔ)款,也有一些華麗的款式。這和Power BI有什么關(guān)系?

富婆圖表支持在線調(diào)整樣式,且導(dǎo)出SVG格式。這意味著,我們不必從零開發(fā)一款圖表,如果對富婆圖表的哪款圖表感興趣,且Power BI還沒有,可以直接下載SVG,略微調(diào)整代碼,和DAX結(jié)合,完成Power BI復(fù)刻。

以上圖的儀表盤為例,該圖表用于顯示百分比。圖表中有三處需要隨數(shù)據(jù)變動(dòng)的地方,環(huán)形的綠色填充,指針的方向以及中間的數(shù)字。其它的0-100刻度、灰色的270度角環(huán)形、指針的圖樣等都是固定內(nèi)容。

固定內(nèi)容直接復(fù)制富婆圖表的代碼,無需任何修改。變動(dòng)的地方需要DAX處理。環(huán)形的綠色填充有兩種方案,一種是前期公眾號分享的扇形圖、環(huán)形圖代碼,使用path路徑結(jié)合A弧線命令繪制,另一種是繪制一個(gè)完整的圓,借助stroke-dasharray虛線命令只顯示有數(shù)據(jù)的部分。
指針可以給指針的圖形代碼手動(dòng)添加旋轉(zhuǎn)命令,以下是完整的指針旋轉(zhuǎn)代碼,整個(gè)圓360度,圖表顯示了四分之三個(gè)圓,所以乘以0.75,再乘以你要顯示圖表的百分比度量值。
數(shù)字標(biāo)簽直接在下載的SVG代碼找到75這個(gè)數(shù)字,替換為你的百分比度量值乘以100即可。調(diào)整完成后,可以把SVG圖表度量值放在新卡片圖或者表格矩陣,無需借助第三方視覺對象,以下是表格的顯示效果:
