Smartsheet 會在工作表內含 Date 類型的 Start Date 與 End Date 欄位、一個選填的 Duration 欄位,以及一個 Percent Complete 欄位時,啟用其 Gantt 檢視;在這些欄位存在後,工具列上的 Gantt 檢視切換鈕會依據 Project Settings 所控制的、可設定的時間刻度,繪製水平的工作長條。相同類型的日期式專案時程圖,也可以透過 Gantt Chart Maker 在單一瀏覽器分頁中產生,它會將 2 到 30 列的 task,start,end 資料列轉換成確定性的 UTC 時程,並將完全相同的預覽結果下載為獨立的 SVG 檔。Smartsheet 的做法需要一個有效的工作區、四欄式設定,以及針對主要與次要標題、工作日、相依性與基準欄位所進行的獨立設定作業。瀏覽器做法則只需要排程資料列本身、一個選填的標題,以及一次「產生」點擊。本節針對搜尋 Smartsheet 流程而來的讀者,將在後續章節先說明以欄位為優先的步驟,接著再提供一個平行的瀏覽器路徑,以更少的輸入資料產生可相比擬的日期式時程圖。

Smartsheet 的 Gantt 檢視及其需求
Smartsheet 的 Gantt 檢視是工作表層級的呈現方式,並非獨立的圖表類型。該檢視會重複使用既有的資料列,並仰賴四個欄位同時存在且類型正確。Start Date 與 End Date 必須是 Date 類型欄位,Smartsheet 才能在跨距上繪製長條。Duration 為選填,可讓 Smartsheet 根據開始日期與工作量估算,自動計算結束日期。Percent Complete 接受 0 到 100 的百分比數值,以顏色深淺表示各長條的進度。當這四個欄位存在,且工作表已切換到 Gantt 檢視時,長條便會自動出現;若缺少這些欄位,Gantt 檢視選項會保持停用,或繪製出沒有任何排程資訊的空白長條。
Project Settings 是調整此檢視外觀與行為的地方。您可從中調整標示時間刻度的 Primary 與 Secondary 標題、將圖表縮限至特定的工作日、設定前置任務連結以建立相依性,以及新增基準欄位以利差異分析。這些設定並非繪製 Gantt 檢視的必要條件,但它們決定了圖表一旦顯示後,是否能傳達有用的專案管理訊號。
逐步在 Smartsheet 中設定甘特圖
Smartsheet 原生流程採「以欄位為先」的順序,每個步驟都會解鎖下一步。
- 新增一個 Date 類型的 Start Date 欄位,並為每個應顯示為工作的資料列輸入實際的日曆日期。
- 新增一個 Date 類型的 End Date 欄位,並輸入等於或晚於該列 Start Date 的日期;若 End Date 早於 Start Date,Smartsheet 將不會繪製長條。
- 若希望 Smartsheet 根據 Start Date 加上時間估算來反推 End Date,可新增一個選填的 Duration 欄位;若您偏好自行設定兩個日期,則可將 Duration 留白。
- 新增 Percent Complete 欄位作為 0 到 100 的數字欄位,讓長條可依進度著色。
- 從工作表上方的檢視列選擇 Gantt 檢視;此切換鈕僅在四個欄位齊備後才會啟用。
- 從右側面板開啟 Project Settings,以設定 Primary 與 Secondary 標題(日、週、月、季、年)、將時間刻度限制在特定的工作日,並視需要開啟相依性。
- 若希望原始計畫與目前排程並列顯示,可新增 Baseline Start 與 Baseline End 欄位組合。
- 在與協作者共用檢視之前,請確認每個長條的左緣對齊其 Start Date,右緣對齊其 End Date。
此順序與 Smartsheet 自身設定指南所述一致,Project Settings 便是將預設 Gantt 檢視轉化為已調整的專案圖表的設定步驟。
瀏覽器時程圖勝出的地方
Smartsheet 做法可提供協作、權限、相依性、基準與共用控制 — 這些都不是瀏覽器端時程圖試圖取代的。對於小型排程的快速日期式時程圖,瀏覽器路徑可省去這些功能的成本。它不需要建立工作區、不需要切換檢視類型、不需要新增 Percent Complete 欄位,也不需要操作 Project Settings。輸入的內容即為排程本身,以「每列一個工作」的非空白列格式呈現。輸出則是一個獨立的 SVG,可下載、嵌入簡報、附加於電子郵件,或貼入文件。所有資料都不會離開目前的瀏覽器分頁,因此資料會保留在用於輸入的裝置上。
Gantt Chart Maker 路線同樣維持排程的確定性。圖表是依據所輸入的列計算而得,長條位置不受時鐘、語系或時區影響。兩位使用者在不同的日期、不同時區、不同作業系統上貼上相同的列,都會得到相同的 SVG。此確定性正是讓下載檔案成為可靠的成品,而非一次性快照的關鍵。
在 Gantt Chart Maker 中建構相同的時程圖
瀏覽器路徑採「以輸入為先」的順序:輸入列、產生預覽、下載 SVG。
- 開啟 Gantt Chart Maker,並選擇性地在標題欄位中輸入最多 100 個字碼單位的標題。
- 將 2 到 30 列非空白列貼入排程欄位,每列以 task,start,end 形式呈現,且三個欄位之間恰好以兩個半形逗號分隔。
- 將每個日期寫成實際的 UTC 日曆日期,使用精確的 YYYY-MM-DD 格式,包含四位數年份、連字號、兩位數月份、連字號、兩位數日期。
- 確認每個結束日期等於或晚於其開始日期;結束日期為包含當日,因此從 2025-01-01 到 2025-01-03 的工作佔據三個日期格(3 減 1 加 1 等於 3),而同日的工作則佔據一個日期格。
- 點擊 Generate;解析器會先檢查 20,000 字碼單位的原始輸入預算,接著驗證每一列,再依據確定性的 UTC 座標軸繪製預覽。
- 檢查預覽並確認每個長條與刻度皆與輸入相符;任何一個格式錯誤的列都會拒絕整個請求,而非產生部分圖表。
- 點擊 Download 以儲存獨立的 SVG;此檔案由與預覽相同的字串所建構,包含 W3C SVG 2 命名空間、viewBox、可存取的角色與標籤,以及已轉換為 XML 實體的使用者字串。
預覽如何成為 SVG 下載檔
用於繪製可見預覽的 SVG 標記,正是被下載的標記。這代表螢幕上每個座標、標籤與工具提示,在儲存的檔案中皆逐字重現。圖表使用 W3C SVG 命名空間,固定邏輯寬度為 1,100 像素,高度依列數而定,具備白色背景、格線、標記長條、標題工具提示,以及 viewBox,以便在瀏覽器、簡報或向量編輯器中開啟時能俐落地縮放。
水平範圍自最早的工作開始日期起,至最晚的包含當日結束日止。每個日期的寬度為繪圖區寬度除以包含當日數,因此位置可確定性地往返,且圖表絕不會繼承裝置上的語系、當前日期、日光節約時間或時區怪癖。刻度取樣經過精心設計:跨度 62 天或以下時,使用確定性的日期刻度,格式為 YYYY-MM-DD;較長的排程則切換為有界月步進刻度,格式為 YYYY-MM,以避免座標軸必須繪製數千個標籤。無論使用何種刻度模式,所有工作都會保留在圖表中。
使用者提供的字串絕不會作為標記嵌入。& 符號、角括號、引號與撇號在進入 SVG 之前會先轉換為 XML 實體,而 XML 所禁止的控制字元與孤立的代理項,則會以 U+FFFD 取代,讓看起來像 script 標籤的標籤仍以純文字形式顯示。合併後的 SVG 輸出會以明確的 100,000 字碼單位預算進行檢查;超過預算一個單位會導致請求失敗,而非截斷圖表。
會拒絕排程的驗證規則
Gantt Chart Maker 刻意採取嚴格規則:任何一個格式錯誤的列都會拒絕整個請求,而不是產生可能誤導排程的部分圖表。下表列出決定請求是否能成功產生的規則。
| 欄位 | 規則 |
|---|---|
| 列數 | 2 到 30 列非空白列,每列一個工作 |
| 列格式 | 每個非空白列恰好有兩個字面半形逗號,形成三個欄位:task,start,end |
| 日期格式 | YYYY-MM-DD,實際的推延格里曆 UTC 日期 |
| 年份範圍 | 0000 至 9999 |
| 結束日期 | 包含當日,且等於或晚於開始日期 |
| 標籤長度 | 每個工作標籤最多 80 個 UTF-16 字碼單位 |
| 標題長度 | 最多 100 個 UTF-16 字碼單位 |
| 原始輸入 | 在去除空白行之前,最多 20,000 個字碼單位 |
| SVG 輸出 | 總計最多 100,000 個字碼單位 |
| 刻度模式 | 跨度 62 天或以下時使用日期刻度;較長的跨度則使用月步進刻度 |
精簡版 CSV 格式刻意不接受標籤內含逗號、引號欄位、跳脫分隔符號或其他額外欄位。需要使用逗號的標籤必須改寫為不含逗號的形式。解析器不會推斷重疊的工作是否可行、不會推斷相依性、不會推斷里程碑,也不會宣稱某個排程是實際可行的;這些都屬於完整的專案管理工具範疇。針對 Smartsheet 的讀者而言,瀏覽器路徑是快速的視覺化輔助工具,而非原生 Gantt 檢視所提供之相依性、基準與協作功能的替代方案。