天天看點

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

文章目錄

  • ​​使用場景​​
  • ​​儀表闆樣式​​
  • ​​制作過程​​
  • ​​視圖建立步驟​​
  • ​​示範​​
  • ​​彩蛋​​

使用場景

在工作彙報或商業分析中儀表盤能夠快速傳達有效資訊,給讀者直覺上的視覺沖擊。尤其是在反應目标完成率、績效等方面中應用非常廣泛,而且儀表盤的制作更是多種多樣。

下面我給大家介紹其中一種。

儀表闆樣式

整體的感覺比較時候老闆給定的目标個體完成率制作,這裡主要通過顔色填充來訓示資料位置。

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

制作過程

通過五個切片來共同顯示各種區域,并實作填充效果,如下:

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

首先我們建立設計一個目标,這裡以sub-Category中的Phones銷售額為目标基準(就想象一個銷售團隊裡面最厲害的人的銷售額為全體團隊的定目标)

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

然後将每一個sub-Category子類别的銷售額去除以Phones的(最厲害的那個人),得到一個不滿1的達成率(實際上隻用Phone能達成目标,或者其他有相同的)

計算字段:​

​Sales%​

SUM([Sales])/330007
// 這裡的330007數值就是iphone銷售額      
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

計算字段: ​

​Slice1​

可以了解為當sales%>0.5的時候,就将sales%-0.5,否則就為0,将slice1控制在0~0.5之間

Slice1
 IF [Sales%]>0.5 THEN [Sales%]-0.5 
ELSE 0 END      
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

計算字段:​

​Slice2​

IF [Sales%]>0.5 THEN 1-[Sales%]
ELSE 0.5 END      

可以了解為sale%>0.5的時候 ,将1-sales%,否則為0.5,這樣設定的目的就是為了和slice1互補(相加=0.5),将他們倆固定在0點~3點之間

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

計算字段:​

​Slice3​

1      

這裡設定slice3是因為我們在這裡需要的半圓儀表盤,這裡特殊值下​

​slice1+slice2+slice4+slice5=slice3​

​的

特殊值舉例:50.00%+0.00%+50.00%+0.00%=100.00%

也就是slice3就是個半個周長。

思考:那将slice3設定0.5,或者2,其他值會有什麼變化呢?快去試試吧~

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

計算字段:​

​Slice4​

IF [Sales%]<0.5 THEN [Sales%]
ELSE 0.5 END      

可以了解sales%<0.5 ,那麼就傳回原值sales%,否則其他的設定為0.5

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

計算字段:​

​Slice5​

IF [Sales%]<0.5 THEN 0.5-[Slice4]
ELSE 0 END      

可以了解為當sales%<0.5, 那麼将0.5-slice4,否則其他的設為0

這裡就是為了保證slice4+slice5=0.5

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

視圖建立步驟

完成計算字段建立後,就可以開始建立填充儀表盤視圖。

1.建立餅圖

将度量名稱,sub-category(子類别)拖入篩選器

标記卡裡面視圖切換為餅圖

将路徑成本拖入标記卡的角度,

度量名稱拖入顔色

之後路徑成本保留slice1到slice5

得到如下視圖:

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

2.格式化視圖

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

這裡的slice3的白色沒有的話需要到tableau 的Preferences.tps檔案添加。

一般預設的安裝是c盤,但是我習慣安裝在d盤了

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

記事本打開,儲存打開tableau就行。有關更多的tableau自定義顔色連結:​​https://help.tableau.com/current/pro/desktop/zh-cn/formatting_create_custom_colors.htm​​

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

格式化後得到如下視圖:

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

現在我們通過雙軸來實作填充樣式。

  • 在行功能區哪兒建立兩個min(1)輔助函數進行占位,雙軸,進行相關的格式,大小調整如下:
【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

示範

最後給大家示範示範一下

【Tableau 圖表大全31】儀表闆(又名儀表盤) #高階

彩蛋

前面我們說slice3值改成2,0.5視圖會變成咋樣呢?看看↓