專欄前文《Power BI表格矩陣穿墻術(shù)》介紹了如何實(shí)現(xiàn)表格矩陣的格子穿透，構(gòu)建豐富的可視化效果。新卡片圖視覺對(duì)象能否實(shí)現(xiàn)同樣的功能？

答案是肯定的。

新卡片圖任意放入兩個(gè)指標(biāo)，生成兩個(gè)卡片，可以看到卡片中間有明顯的縫隙。

在布局-卡片間距將像素設(shè)置為0，可以看到縫隙消失，兩個(gè)邊框合并為一。

目前為止，兩個(gè)卡片的內(nèi)容仍然獨(dú)立顯示，沒有穿透的感覺。我們?cè)诳ㄆ湃胍粭l直線，以便觀察連接效果：

把上方SVG橫線放入卡片圖圖像URL，兩個(gè)線條斷開明顯。

把圖像像素略微調(diào)大，發(fā)現(xiàn)線條靠近了一點(diǎn)，但還沒有完全連接穿透，左側(cè)有一定的空白。

將標(biāo)注的水平對(duì)齊方式設(shè)置為居中，神奇的事情發(fā)生了，兩個(gè)卡片圖的橫線無縫銜接了。

假設(shè)只想顯示橫線，不需要數(shù)據(jù)，是否可行，答案是不行。

標(biāo)簽可以隱藏，但是值如果關(guān)閉，線條又會(huì)斷開，所以一個(gè)變通的處理方式是，把值的文本大小調(diào)低，并且透明度調(diào)整為100%，達(dá)到隱藏目的。

邊框是否阻止了橫線的連接？并沒有。把邊框加粗可以看到橫線直接穿過邊框，如果視覺上有少許縫隙，可以借助stroke-dasharray將線條虛線化進(jìn)行掩蓋。

橫向可以穿透，縱向是否可行？經(jīng)過測(cè)試，因Power BI的前端設(shè)置問題，縱向是不行的。盡管有局限，但是對(duì)使用新卡片圖自定義可視化效果還是有重要的意義。要知道穿透的卡片可以不限于兩個(gè)，而且A卡片和B卡片的圖案可以不一樣且完成拼接。