Power BI 模擬豆瓣人性化涂鴉
以下是我的豆瓣年度報告,不規(guī)則的圓圈和波浪線使得報告突破了方方正正、規(guī)規(guī)矩矩的死板套路,顯得非常人性化。

Power BI可以模擬類似的效果,圈圈和波浪線任意手繪,可用于表格矩陣,也可單獨卡片圖。實現(xiàn)原理是SVG矢量圖。

首先,搜索引擎搜索SVG在線編輯器,隨便進(jìn)入一個,使用鉛筆工具按需畫個不規(guī)則的圈或者下劃線,畫圈盡量沿著畫布的四周,為給數(shù)據(jù)留下中部的空間;畫下劃線盡量靠下,為避免下劃線與數(shù)據(jù)重合。

畫好后,點擊文件-保存圖片,圖片被保存為SVG類型。

記事本打開圖片,可以看到下面的代碼,中間的path就是你畫的不規(guī)則線條,查找替換把文件中的雙引號都替換為單引號。

打開Power BI,新建如下度量值:

度量值分為三個部分,起始為SVG標(biāo)準(zhǔn)語法,注意里面的width、height值與你在線畫圖的畫布的值保持一致,此處都是100個像素;中間的path是復(fù)制的SVG文件中的path部分,下方的text為你需要顯示的數(shù)據(jù),此處是一個百分比。
把度量值標(biāo)記為圖像URL,可以放在表格矩陣使用,也可使用ImageByCloudScope視覺對象作為卡片圖使用。
接下來有個問題,顏色可否自定義?path中的stroke確定了顏色,此處可以變更為條件顯示,下方波浪線示例為大于100%青綠色,否則紅色。


除了在表格直接顯示,也可以用到條件格式圖標(biāo),比如前期講過條件格式排名,外框比較方方正正。

現(xiàn)在可以涂鴉式:
