Power BI 圖表設計思想:借力
我在網上分享了兩百多種Power BI 自定義圖表,徒手用DAX+SVG設計一款圖表是費力的,尤其是組合圖表。如果我們善于借助Power BI本身的力量和外部力量,制圖的過程將會輕松很多。
以最基礎的條形圖為例,在早期Power BI內置視覺對象對SVG支持很差的時候,第三方視覺對象需要把維度、維度排序這些邏輯全部寫到圖表,現(xiàn)在利用表格矩陣的篩選環(huán)境,我們繪制條形圖時只需要考慮條形本身,而無需在構圖時把上下文情境也寫進代碼。

表格矩陣可以不停的新增列,這意味著針對不同指標的圖表組合,可以分別設計,模塊化處理,無需把圖表全部寫進一個度量值,下圖實現(xiàn)了條形和氣泡的組合。條件格式圖標也是可以借力的地方,下圖的產品圖片直接拖到產品ID條件格式即可(圖片使用Base64,參考B站專欄前文《Power BI本地圖片顯示最佳解決方案》),極大豐富圖表的元素。

表格矩陣的總計不僅僅可以顯示總體數(shù)字,也可以作為圖表的一部分進行獨立設計,比如下方的均值標識:

下圖充分發(fā)揮了矩陣的特點,時間切片條形和趨勢折線同時顯示,折線也是利用了總計。

以上談論的都是表格矩陣,2023年6月推出的新卡片圖盡管只是一個卡片,但是也可以借力。比如下圖的總分結構,因為卡片圖自帶總體數(shù)據(jù),所以免去了這個指標的設計代碼,只需考慮條形圖如何加入

以上都是Power BI內部借力,外部的力呢?外部借力主要體現(xiàn)在復雜成分外包。
例如,以下這個儀表盤,元素非常復雜,設計部分可以直接復制Easyshu的代碼,我們只需專注于如何使用DAX讓圖表中的數(shù)字發(fā)生變化。Power BI完成這個圖表我用了不到10分鐘。

類似的我還很快復刻了富婆圖表的儀表盤:

網上的各種素材也是借力的地方,以下進度條中,進度條本身很簡單,SVG中的rect標簽,但是心形和裂開的心形怎么畫?徒手畫顯然是困難的,阿里、字節(jié)等大廠都提供了圖標庫,我們可以直接放進來。

本圖表視頻教程:https://t.zsxq.com/11VFJQJAu
總結一下,Power BI表格矩陣(上下文、新增列、條件格式、總計)和新卡片圖的特點都可以用在構圖上,外部的資源也要充分挖掘,充分使用。怎么簡單怎么來。