Tableau, 數據分析

【Tableau 進階教學】設定動態圖表標題與報表隱藏顯示按鈕

上一篇的Tableau進階應用:【Tableau 進階教學】動態切換圖表數據指標,分享了如何做到利用參數,彈性切換圖表呈現的數據指標,這一篇延續上次分享的設計報表,來分享這份報表的另外三個報表重點設計:動態切換圖表標題、隱藏與顯示按鈕以及資料下載按鈕。

如何讓標題動態更換?

仔細看報表下方的橫條圖你會發現,當我們在使用指標切換器調整要呈現的數據指標後,該張圖表的標題也會隨之變動,例如,當我把指標切換器選到「銷售額」時,左邊與右邊的橫條圖標題就會分別顯示成「銷售額最高的前 5 大城市」、「銷售額最高的前 5 大產品次分類」,而當我把指標切換器選到「訂單」時,左邊與右邊的橫條圖標題則會變成顯示「訂單最高的前 5 大城市」、「訂單最高的前 5 大產品次分類」。

這個功能特別適合用在圖表有設計動態調整數據指標或維度的時候,這樣可以讓使用者更清楚的了解目前圖表所展示的指標與圖表的內容是什麼,那麼怎麼設定標題動態更換呢?很簡單,我們只要到圖表所屬的工作表,在工作表的最上方標題處點擊兩下,就可以叫出設定標題的小視窗。

每個工作表的預設標題都是工作表的名稱,所以如果你工作表取名叫做「工作表1」,那麼你的工作表最上方出現的標題名稱就會是「工作表1」,如果你希望以工作表最下方設定的名稱來命名,那就不需要做任何調整,只需要留意每張工作表的命名即可。

而如果你想要讓標題動態更換的話,則可以使用標題設定小視窗裡面的「插入」功能。

什麼樣的內容可以放到標題裡?除了預設的工作表名稱之外,你可以看到插入功能還包括了可以插入「頁碼」、「資料來源名稱」、「參數」以及所有你有放到欄、列、文字以及詳細資料的資料都可以指定為標題名稱,甚至你也可以組合不同的欄位變成標題名稱。

唯一要注意的是,如果我們沒有把想要顯示在標題的欄位拉到欄、列、文字以及詳細資料任一區塊,在「插入」功能是不會看到那個指標或維度的選項,而參數則是只要有建立,全表適用參數,所以所有的參數都可以被選為標題內容的一環,不需要額外的設定。

那麼,我們來回到最一開始的問題,所以我們這份報表的動態標題是怎麼做出來的呢?很簡單,我們只需要把指標切換器的名稱欄位,透過「插入」功能,放到標題設定的區塊,那麼在我們切換數據時,標題就會連帶的更動了!而我在這份報表做的,就是輸入固定不變的標題,接著搭配插入參數來使用,自然而然就可以做到動態切換標題的效果了!

怎麼做出報表的顯示與隱藏按鈕?

怎麼讓使用者自由切換報表的某些元素要出現還是不出現呢?例如這份報表,我想讓畫面比較乾淨,所以預設先將參數篩選器隱藏起來,當使用者真的要使用的時候,再打開來使用。

如果你需要隱藏的元素很單純,例如說只有一個篩選器、一張圖表或是一個文字、標題等,你只要點到那個你想要隱藏的區塊,然後把該區塊右側的小三角形點開來,選擇「新增顯示/隱藏按鈕」,一開始會出現一個「X」的符號,其實就完成了設定,代表說使用者可以透過點「X」這個符號來顯示或是隱藏剛剛我們選擇的篩選器、圖表或是文字、標題等。

但如果你想要讓隱藏按鈕多點設計,那麼你就再點選這個隱藏按鈕旁邊的小三角形,接著按下「編輯按鈕」,就可以設定隱藏或顯示時,是以文字或是圖片來呈現。

隱藏與顯示都可以各上傳一張來代表,最後就可以顯示成開啟的時候以你在「標題外觀」>「顯示的項目」這邊上傳的圖片來顯示,而關閉的時候則以你在「標題外觀」>「隱藏的項目」這邊上傳的圖片來顯示。

那麼,如果你想像我這份範例一樣,透過一個按鈕,同時隱蔽與開啟1個以上的圖表、篩選器怎麼辦?這時候,你就要善用 Tableau 裡面的「容器 Container」功能了。在動手做之前,我們先來看看整份報表的架構。點開報表左上角的「版面配置」,接著點選你想要看的欄位,可以發現這份報表現有的三個參數選項,都放置在一個名為 Filter 的容器下面。

這邊功能就很像是在 Power Point 我們會將很多圖片、區塊組成群組,這樣就可以透過群組移動,同時移動兩個以上不同區塊的內容,而容器其實就像是把不同的區塊內容組裝在一起,變成一個群組的概念,所以我只要針對這個容器做「顯示/隱藏」設定,就可以達到同時顯示與隱藏的效果了。

接著我們來看看容器要怎麼拉到報表裡吧!點開左上方「儀表板」的區塊,最下面的物件可以看到「水平容器」以及「垂直容器」,這兩個物件就是剛剛提到的容器。

不論選擇哪一個,都可以達到把不同的圖表、篩選器群組在一起的效果,差別只在於,如果你希望容器內的欄位以水平方式並列,就可以選擇垂直容器,而如果你希望容器內的欄位以水平方式並列,那就可以選擇水平容器(可以參考下圖的排列方式)。

把容器拉到畫布後,你會看到容器內有一段的提示文字,會告訴你怎麼將現有的工作表或是篩選器拉到容器裡面,你只需要選到你想要放入容器的工作表、篩選器後,再按Shift鍵,最後拖曳到容器內的空白處就完成了。

最後,當所有的工作表或篩選器都放到容器之後,我們就可以來針對容器做設定了。選擇容器的時候要特別小心,因為點選過程非常容易只選擇到其中一個容器內的工作表或是篩選器,所以我的建議是,可以從左上方的「版面配置」點進去看,確認是真的點選到容器,再往下設定。

接下來的步驟就跟上面分享過的步驟一模一樣,我們一樣是透過容器右上方的小三角形,點選「新增顯示/隱藏按鈕」。

接著就會出現「X」的圖示,到這個步驟就算是完成了按鈕,不過如果你想針對按鈕以文字還是圖片的方式顯示,就可以再點選按鈕的小三角形,然後「編輯按鈕」,就可以接續編輯按鈕了。

那關於這份報表的製作方式就分享到這裡啦,祝福大家都能設計出好看又實用的報表,我們下篇文章見:)

Sharon


Buy me a coffee  用行動支持我的內容創作

如果我的文章對你有幫助,歡迎用行動支持我的內容創作,小額贊助請我喝咖啡、留言或是寄信來跟我分享你的收穫,都會讓我持續有動力分享更多內容唷~