【Tableau 圖表】帶你看看條形圖到底有多少變種

常規打開視覺化詞典,看看那個圖表類型能夠覆蓋的分析角度最多呢?
肯定是條形圖啊!!!
除了地理空間可能確實和條形圖沾不上邊,基本上沒有條形圖搞不定的問題。
所以練好條形圖絕對是一件性價比很高的事。
這次給大家帶來各種條形圖的變種畫法,挑幾個可以先用起來了。
這篇文章和上篇文章一樣是出自傑弗里·謝弗(Jeffrey Shaffer) data + science 的教程部落格。
twbx 慣例傳到了百度網盤。 連結:https://pan.baidu.com/s/1dZjCsrO9euSqEv6DiH3OEg 密碼:aw5u
整個教程會高頻用到 組合圖、臨時計算維度度量轉換 等技巧,不熟悉的可以到官網複習一下。
這裡再強調一下 連續字段(綠色)會生成軸,離散欄位(藍色)會生成標題。

先上個全家福。
最簡單的條形圖
圓角條形圖
這個可以看看我之前的教程。
描邊條形圖

做圖原理基本上是使用兩個條形圖組成 組合圖 ,然後用一個條形圖覆蓋另外一個條形圖,實現描邊效果。 有個小技巧是注意在 臨時計算 中,0.003 實際上減去的就是描邊的厚度。

在傑弗里·謝弗的 《the Big Book of Dashboards》一書的13章有一個使用描邊條形圖的例子。
原圖使用的普通條形圖,會成為整個儀錶板的重點,讀者的注意力會過度關注,使用描邊條形圖后,整體效果更加平衡。
進度條形圖 和 細·進度條形圖



兩個進度條形圖的實現也不難,還是 組合圖 的思路。 這次組合的是 avg(1)
這個變數。
注意將軸的範圍固定為 [0, 1], 還有注意兩個圖不同的數值標記的方式。
棒棒糖圖


棒棒糖圖算是出現頻率比較高的一個圖示,原文中的還是一個空心的棒棒糖圖,實現有點複雜,我那個空心效果還沒實現好,先做個實心的應應急吧。。
原理還是 條形圖 + 圓形圖 的 組合圖。
有端頭的條形圖

實現原理 條形圖 + 甘特圖 的 組合圖 。
進度條形圖圖


細線在中間的這個很簡單,還是 兩個條形圖的 組合圖。


這個線在下面的進圖圖,我自己畫的也有點迷。
這個進度線,實際上是一個在y軸上的數值為0的參考線。
整個條形圖在x軸上的長度,是調整了 大小標記板,然後固定了軸的範圍才搞定的。
具體這個設置,我也得再想想為什麼,感覺還得看看 大小標記板 設定。
塊狀條形圖

塊狀的條形圖實際上可以有兩種方式。
一種就是使用和背景同色的參考線覆蓋。


還有一種就是寫計算欄位。


只貼出兩個,詳情可以看 twbx 檔。

有點麻煩,還是參考線吧。。。
克利夫蘭點狀圖

這個克利夫蘭點狀圖,不知道為啥能進入條形圖主題。
反正實現上,是加了一個輔助的y軸,本身的虛線,實際上是零值線。
參考

慣例幫小數點打個廣告。