經過前三天的環境熟悉、資料匯入與零程式碼資料清洗，我們的示範數據已經準備齊全。今天我們要正式進入圖表繪製的重頭戲：畫布架構與「標記卡（Marks Card）」的魔術，並用滑鼠拖拉完成第一張具備商業洞察力的長條圖！

在傳統程式開發（如 Python Matplotlib 或 JavaScript D3.js）中，畫一張長條圖需要定義坐標軸、迴圈解析數值、設定長寬顏色等數十行程式碼。但在 Tableau 裡，所有視覺屬性都被抽象化成直觀的卡片，只需要理解背後的幾何對應關係。

一、認識圖表工作區的三大核心區域
進入 工作表（Sheet） 後，畫面正中央主要由以下三個核心架構組成：

欄與列功能架（Columns & Rows Shelves）：

欄（Columns）：代表 X 軸（水平方向）。

列（Rows）：代表 Y 軸（垂直方向）。

把欄位丟到欄或列，就決定了資料是以水平還是垂直方向展開。

標記卡（Marks Card）：

這是控制圖表「視覺屬性」的心臟地帶。包含：色彩 (Color)、大小 (Size)、標籤 (Label)、詳細資料 (Detail)、工具提示 (Tooltip)。

中央畫布（Canvas）：

圖表即時渲染呈現的區域。

二、實戰演練：三步驟繪製第一張長條圖
我們以經典的商業問題為例：「不同商品類別（Category）的總銷售額（Sales）表現如何？」

操作步驟：
設定分類基準（維度）：

從左側欄位清單找到藍色的 Category 欄位。

按住滑鼠左鍵，直接拖曳到上方的 「列 (Rows)」 功能架上。

此時畫布左側會立刻列出所有商品類別名稱（如 Furniture、Office Supplies、Technology）。

填入量化數值（度量）：

從左側找到綠色的 Sales 欄位。

拖曳到上方的 「欄 (Columns)」 功能架上。

鬆開滑鼠的瞬間，水平長條圖立刻成型！Tableau 自動在背景將數值聚合為 SUM(Sales)。

直向與橫向一鍵切換：

如果主管習慣看直向長條圖，不需要重新拖曳欄位。

點擊頂部工具列上的 「交換列和欄 (Swap Rows and Columns)」 按鈕（圖示為兩個直角交叉箭頭，快捷鍵 Ctrl + W），X 軸與 Y 軸立刻對調，長條圖瞬間變為直立柱狀圖！

三、賦予圖表靈魂：標記卡（Marks Card）進階設定
單純的長條圖往往略顯單調，而且無法一眼看出利潤好壞。這時「標記卡」就能發揮巨大威力：

用色彩傳遞業務資訊（Color）：

將代表利潤的 Profit 欄位拖曳到標記卡的 「色彩 (Color)」 上。

圖表的顏色會立刻依照獲利高低呈現漸層色彩！獲利高的類別呈現深藍色，虧損的類別則呈現橘紅色，即使銷售額很高，也能一眼抓出是否「賠錢衝營收」。

精準標註數值標籤（Label）：

將 Sales 拖曳到標記卡的 「標籤 (Label)」 上。

每個長條末端會直接浮現精確的銷售金額，閱讀者不需要再用眼睛對齊下方的坐標軸刻度。

豐富滑鼠懸停資訊（Tooltip）：

點擊標記卡的 「工具提示 (Tooltip)」，可以編輯滑鼠游標移到長條上方時彈出的對話框內容，加入說明文字或自訂格式。

四、細節調優：排序與視圖適配
一張合格的商業報表必須具備易讀性：

一鍵由大到小排序：

預設情況下，類別可能是照字母排序。

將滑鼠移到 X 軸或 Y 軸邊緣，點擊出現的 排序小圖示（或點擊頂端工具列的升冪/降冪排序按鈕），長條圖立刻依銷售額由高到低整齊排列。

整頁展開設定：

頂端工具列中間有一個預設為「標準」的下拉選單。

將其切換為 「符合整個檢視 (Entire View)」，圖表便會自動填滿整個視窗畫布，避免拉霸捲軸破壞視覺美感。