iT邦幫忙

2026 iThome 鐵人賽

DAY 8
0
自我挑戰組

零程式碼的現代數據力:用 Tableau 與 Dify/n8n 打造自動化商業戰情室 30 天系列 第 14 篇

【Day 14】極致互動體驗:用「集合(Sets)」做動態對比,並在「工具提示」裡內嵌微型圖表!

  • 分享至 

  • xImage
  •  

在昨天的內容中,我們深入剖析了 Tableau 的運算核心 LOD 表達式。今天我們要回到儀表板的使用者體驗(User Experience)層面。

在實務中,決策者看戰情室時常遇到兩種尷尬情境:

版面有限,放不下明細:主圖表是各大城市的營收分佈,主管想看「特定城市內部各產品的銷售走勢」,但如果把明細折線圖直接塞在旁邊,版面會過於擁擠雜亂。

需要特定對象的橫向對比:行銷團隊想挑選特定 3 家重點分店,看這 3 家分店與「其他所有分店」的業績總和對比(In/Out 圈內 vs. 圈外分析)。

為了解決這兩個痛點,今天我們將介紹兩大高階互動黑科技:「工具提示內部圖表(Viz in Tooltip)」 與 「集合動作(Set Actions)」,全程同樣免寫程式碼!

一、黑科技一:圖中有圖——工具提示內部圖表(Viz in Tooltip)
「工具提示(Tooltip)」通常只用來顯示「文字與數值」。但在 Tableau 中,你可以將整張工作表直接塞進提示框裡!

當使用者把滑鼠游標移到地圖上的某個圓點時,游標旁邊會瞬間跳出一張專屬於該城市的「迷你月營收趨勢圖」,滑鼠移開後自動隱藏,完全不佔用儀表板的固定版面!

操作步驟:
先做一張迷你子圖表(Child Worksheet):

新增一張工作表,命名為 【提示圖】月營收趨勢。

將 Order Date(按月份展開)拖入「欄」,將 Sales 拖入「列」,做成一張簡潔的折線圖。

將版面視圖設為「符合整個檢視」,並適度將字體縮小。

回到主圖表(Parent Worksheet):

切換到你的地圖或長條圖工作表。

點擊標記卡(Marks Card)上的 「工具提示 (Tooltip)」 按鈕。

一鍵內嵌工作表:

在彈出的工具提示編輯器右上角,點擊 「插入 (Insert)」 ➔ 「工作表 (Sheets)」 ➔ 選擇剛剛做好的 【提示圖】月營收趨勢。

編輯器中會自動生成一行代碼標籤:
你可以自由手動微調 maxwidth(寬度)與 maxheight(高度)的像素數值。

點擊確定儲存。

現在回到主圖表,把滑鼠懸停在任何一個城市上,視窗立刻無縫跳出該城市的迷你趨勢圖,並且會自動動態篩選該城市的歷史數據!

二、黑科技二:圈內 vs. 圈外——用「集合(Sets)」做動態客群對比
在日常分析中,業務常需要把一群特定的資料抽出來與大盤比較(例如:Top 10 大客戶 vs. 其餘客戶,或 VIP 會員 vs. 一般會員)。這時使用 集合(Sets) 是最佳方案。

集合的本質很簡單:它會將資料標記為 「In(在集合內)」 或 「Out(在集合外)」。

操作步驟:
建立靜態或條件集合:

在左側欄位清單中,右鍵點擊 Customer Name(客戶名稱) ➔ 選擇 「建立 (Create)」 ➔ 「集合 (Set)」。

命名為:【高價值客戶群】。

切換到「依欄位頂端 (Top)」標籤頁:

選擇「依據欄位:頂端 10 依據 Sales 加總」。

點擊確定儲存。

在圖表中使用集合進行色彩分組:

開啟一張新工作表,將 Category 放入列、Sales 放入欄。

將剛剛建立的 【高價值客戶群】 拖曳到標記卡的 「色彩 (Color)」。

圖表的長條瞬間被切成兩截:藍色代表那前 10 名超級 VIP 所貢獻的營收(In),灰色則代表其餘成千上萬名普通顧客的總額(Out)!

三、進階升級:集合動作(Set Actions)——點擊即納入
比預設集合更強大的是「動態集合動作」:在儀表板上,使用者按住鍵盤滑鼠直接在圖表上框選哪幾筆資料,那些資料就自動加入集合中,即時觸發大盤比較!

在儀表板頂端選單點選 「儀表板 (Dashboard)」 ➔ 「動作 (Actions)」。

點擊 「新增動作」 ➔ 「變更集合值 (Change Set Values)」:

來源工作表:選擇觸發點選的主圖表。

目標集合:選擇剛才建好的客戶集合。

執行動作依據:選取 (Select)。

清除選取後的結果:保留集合值或將所有值移除。

點擊確定後,使用者只要在畫面上用滑鼠套索框選 3 個產品,全儀表板的 KPI 與佔比圖就會即時以「這 3 個產品 vs. 其餘所有產品」重新計算與著色!


上一篇
【Day 13】告別運算卡關:用最白話的思維搞懂 Tableau LOD 詳細級別表達式(FIXED / INCLUDE / EXCLUDE)
下一篇
【Day 15】高管一眼抓重點:打造現代戰情室 KPI 焦點卡、微線圖(Sparkline)與紅綠燈警示
系列文
零程式碼的現代數據力:用 Tableau 與 Dify/n8n 打造自動化商業戰情室 30 天 共 15 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言