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

blank

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

blank

常規打開視覺化詞典,看看那個圖表類型能夠覆蓋的分析角度最多呢?

肯定是條形圖啊!!!

除了地理空間可能確實和條形圖沾不上邊,基本上沒有條形圖搞不定的問題。

所以練好條形圖絕對是一件性價比很高的事。

這次給大家帶來各種條形圖的變種畫法,挑幾個可以先用起來了。

這篇文章和上篇文章一樣是出自傑弗里·謝弗(Jeffrey Shaffer) data + science 的教程部落格。

twbx 慣例傳到了百度網盤。 連結:pan.baidu.com/s/1dZjCsr 密碼:aw5u

整個教程會高頻用到 組合圖臨時計算維度度量轉換 等技巧,不熟悉的可以到官網複習一下。

這裡再強調一下 連續字段(綠色)會生成軸,離散欄位(藍色)會生成標題

blank

先上個全家福。

最簡單的條形圖

圓角條形圖

這個可以看看我之前的教程。

描邊條形圖

blank

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

blank

在傑弗里·謝弗的 《the Big Book of Dashboards》一書的13章有一個使用描邊條形圖的例子。

原圖使用的普通條形圖,會成為整個儀錶板的重點,讀者的注意力會過度關注,使用描邊條形圖后,整體效果更加平衡。

進度條形圖 和 細·進度條形圖

blank

blank

blank

兩個進度條形圖的實現也不難,還是 組合圖 的思路。 這次組合的是 avg(1) 這個變數。

注意將軸的範圍固定為 [0, 1], 還有注意兩個圖不同的數值標記的方式。

棒棒糖圖

blank

blank

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

原理還是 條形圖 + 圓形圖 的 組合圖

有端頭的條形圖

blank

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

進度條形圖圖

blank

blank

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

blank

blank

這個線在下面的進圖圖,我自己畫的也有點迷。

這個進度線,實際上是一個在y軸上的數值為0的參考線。

整個條形圖在x軸上的長度,是調整了 大小標記板,然後固定了軸的範圍才搞定的。

具體這個設置,我也得再想想為什麼,感覺還得看看 大小標記板 設定。

塊狀條形圖

blank

塊狀的條形圖實際上可以有兩種方式。

一種就是使用和背景同色的參考線覆蓋。

blank

blank

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

blank

blank

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

blank

有點麻煩,還是參考線吧。。。

克利夫蘭點狀圖

blank

這個克利夫蘭點狀圖,不知道為啥能進入條形圖主題。

反正實現上,是加了一個輔助的y軸,本身的虛線,實際上是零值線。


參考


blank

POINT.小數點數據分析特訓營(深圳站)正式開營

慣例幫小數點打個廣告。

What do you think?

Written by marketer

blank

使用tableau建經營看板

blank

【Tableau 計算】用人話講講的「表計算」