選項卡 Tabs 是 Web 中一種很常用的功能。
通過 Tabs 選項卡隔崎,將不同的內容重疊放置在某一布局區(qū)塊內今艺,重疊的內容區(qū)里的每次只有其中一層是可見的。用戶點擊對菜單項爵卒,能切換出對應的內容虚缎。對每一個開發(fā)者而言布局是有限的,傳遞的信息是無限的钓株。
近日实牡,有 Tableau 用戶學習 在同一視圖中切換不同圖表?后,提出了一個有趣的想法:在 Tableau 中能否通過類似 Tabs 選項卡來實現圖表的切換查看嗎轴合?
這個是可以實現的创坞。我們在一些真實分析場景中,實現過如下的選項卡切換效果:
具體該如何實現呢受葛?我們來分享方法吧题涨!
本期《舉個栗子》,我們要給大家分享的 Tableau 技巧是:用 Tabs 選項卡切換查看圖表总滩。
為方便學習纲堵,栗子使用 Tableau 自帶的“示例-超市”數據源。掌握栗子方法后闰渔,數據粉可嘗試使用其它數據源席函。
具體步驟如下:
1、創(chuàng)建用于切換的工作表
打開 Tableau Desktop澜建,連接“示例-超市”數據源向挖,新建工作表。首先炕舵,需要創(chuàng)建三個用于切換的工作表何之。
Tips:這一步的工作表僅用于切換呈現,數據粉可按需創(chuàng)建咽筋,不影響栗子效果溶推。
??工作表:Tab1
將維度“類別”拖放至列,將度量“銷售額”拖放至行及“標記”卡的顏色中,將工作表重命名為:Tab1蒜危。
??工作表:Tab2
右鍵單擊維度“地區(qū)”虱痕,在下拉菜單中選擇:地理角色-創(chuàng)建依據-省/自治區(qū)。然后辐赞,雙擊地理角色“地區(qū)”部翘,再將度量“銷售額”拖放至“標記”卡的顏色中;
將維度“地區(qū)”和度量“銷售額”分別拖放至“標記”卡的標簽中响委;將工作表重命名為:Tab2新思。
??工作表:Tab3
將維度“地區(qū)”拖放至行,再雙擊“利潤”赘风、“銷售額”和“利潤率”夹囚;單擊標記卡的“顏色”,將顏色設置為需要的顏色(示例色號:#00ffff)邀窃;
在篩選器卡荸哟,右鍵單擊“度量名稱”膠囊,下拉菜單中選擇:排序瞬捕,在彈出的對話框中鞍历,勾選“降序”;工作表重命名為:Tab3肪虎。
2堰燎、創(chuàng)建計算字段
接著,需要創(chuàng)建三個計算字段笋轨,用于制作選擇切換的三個選項卡。
單擊”數據“窗口右上角?▼ 符號赊淑,下拉菜單中選擇:創(chuàng)建計算字段爵政。創(chuàng)建三個字段:tab1、tab2 和 tab3陶缺,分別鍵入函數:"tab1"钾挟、"tab2"、"tab3"饱岸。
3掺出、創(chuàng)建選項卡工作表
新建工作表,開始創(chuàng)建工作表:選項卡苫费。
分別雙擊行和列空白處汤锨,在空白膠囊中輸入:0。即可在行上添加一個“0”作為定位符百框、列上添加三個“0”作為占位符闲礼。去掉工作表所有的默認屬性(網格線、零值線、軸刻度等)柬泽;
將剛剛創(chuàng)建的計算字段“tab1”慎菲、“tab2”和“tab3”分別拖放至“tab1”、“tab2”和“tab3”“標記”卡的標簽中锨并;再分別單擊三個“標記”卡的“形狀”露该,選擇需要的標簽形狀。
Tips:示例使用了自定義形狀第煮。
4解幼、創(chuàng)建儀表板
新建儀表板,從左側“對象”窗格中空盼,先將一個浮動的垂直容器拖放至右側視圖中书幕,按需調整該容器的尺寸后,再分別拖放兩個平鋪的水平容器(如圖容器 1 和 容器 2)到該容器里面揽趾。此時台汇,后拖入的兩個平鋪的水平容器應是上下位置,可通過鼠標點選來確認位置關系篱瞎。
將工作表“選項卡”拖放至上面的容器(容器 1) 中,將工作表“Tab1”牵素、“Tab2”和“Tab3”依次拖放至下面的容器(容器 2 )中笆呆。隱藏所有工作表標題,并將每個工作表的視圖大小都設置為:整個視圖榕堰。此時,下面容器中的三個工作表從左到右排列魏蔗,圖表可能沒有完全顯示沫勿,是正常情況诫惭。
再從左側“對象”窗格中,將一個平鋪的空白拖放至上面的容器(容器 1)中怨绣,擺放在工作表”選項卡“的右側。然后赢笨,調整工作表”選項卡”和空白對象的尺寸,其工作表”選項卡”實現左對齊左冬。
5桐筏、添加操作
最后,通過儀表板的操作設置拇砰,實現通過單擊選項卡來切換視圖工作表的效果梅忌。單擊頂部菜單欄“儀表板”,下拉菜單中選擇:操作除破,在“操作”對話框中,選擇:添加操作-篩選器皂岔。
在彈出的“添加篩選器操作”對話框中躁垛,將篩選器名稱分別設置為“tab1”圾笨、“tab2”和“tab3”教馆。源工作表都選為:選項卡,目標工作表分別選為:Tab1擂达、Tab2和Tab3。
將運行方式選為:選擇,并勾選“僅在單選時運行”雾叭;清除選定內容將會 設置為:排除所有值赚瘦;目標篩選器設置為:選定的字段,單擊底部的“添加篩選器”逗柴,源目標字段分別選擇:“Tab1”、“Tab2”和“Tab3”浸赫。
01
02
03
如此,就完成了用 Tabs 選項卡切換查看圖表的可視化效果凭戴,分別單擊三個選項卡涧狮,對應的圖表就會在下面呈現出來了。
今天的 Tableau 技巧么夫,你 Get 到了嗎者冤?趕快試試看吧!
下一期《舉個栗子》档痪,再會~
文章部分信息來源于網絡涉枫,如有侵權請告知!