我已經(jīng)分享了超過兩百種DAX+SVG自定義的圖表，本文介紹如何將自定義圖表空心化。所謂空心圖表是指沒有填充顏色，僅有邊框顏色的圖表。下圖展示了條形圖的空心效果：

該圖表度量值如下，把度量值放入HTML Content視覺對象正常顯示，也可加前綴放內(nèi)置表格矩陣。這個度量值的關(guān)鍵在于，把前期介紹的實心條形圖中的fill參數(shù)改為none，也就是沒有顏色，然后添加stroke參數(shù)，stroke進行顏色定義。

任何使用SVG自定義的圖表都可以利用這一原理進行改造，例如下圖的空心氣泡條件格式：

度量值如下，把度量值放入表格、矩陣對應(yīng)字段的條件格式圖標即可正常顯示：

以上演示表明，形狀可以空心化，文字是否也可以呢？可以的，效果如下：

度量值如下：

Fill none stroke color，SVG空心的原理就這么簡單。讀者可以嘗試將前期分享的各種自定義圖表改造成空心的。

比如麥肯錫的旋轉(zhuǎn)正方形：

比如復合圖表：

全家福：