Gantt 圖表製造器
將 2 轉為 30 任務、起始、結束列轉換為確定性 UTC Gantt 線形時間軸,並下載與 SVG 完全相同的預覽。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.輸入一個可選的標題並將 2 貼到 30 任務、開始、結束行中,每行非空值必須使用正好兩個逗號。
- 2.使用真實的 UTC 日期,以精確的 YYYY-MM-DD 格式輸入,且每項結束日期必須大於或等於其起始日期。
- 3.產生、驗證每個條與刻度,然後下載由精確預覽字串產生的獨立 SVG。
關於Gantt 圖表製造器
Gantt 圖表製作器將緊湊的專案排程轉換為目前瀏覽器分頁中完全獨立的 SVG 線形時間軸。每輸入一個非空值列作為任務,格式為 task,start,end,可選擇新增標題並產生。每個被接受的任務會獲得一個帶標籤的水平條形圖,與共享的 UTC 日曆軸對齊。用來產生可視預覽的精確 SVG 字串也會用來下載,因此匯出的圖表與審閱的標籤一致。
輸入為 CSV-lite 而非完整的 CSV。每一列必須包含正好兩個字面逗號,留下三個欄位:任務標籤、起始日期與結束日期。欄位周圍的前導與尾隨空白字元會被移除。帶引號的欄位、帶引號的逗號、額外的欄位、轉義的分隔符、以及多行欄位均不被支援。若標籤需要逗號,則必須在使用前重寫為不包含逗號的格式。一列格式錯誤將導致整個請求被拒絕;解析器從來不會跳過錯誤或返回部分圖表。
一個圖表需要 2 到 30 之間非空的行數。標籤最多包含 80 個 UTF-16 編碼單元,選擇性標題最多 100,原始排程輸入最多 20,000。日期必須符合 YYYY-MM-DD 格式,且恰好包含 10 個字元。精確的限制被接受;超出限制的編碼單元會導致錯誤且不進行截斷。空白行僅在確認原始輸入預算後才被忽略,因此無法透過填充來繞過限制。允許標籤重複與任務重疊,並會依照輸入順序保留為獨立的行。
日期會被驗證為真實的儒略日格里曆 UTC 日曆日期,而不是透過寬鬆的字串解析。必須符合四位數字、一個連字元、兩位月份數字、另一個連字元、以及兩位日期數字的格式。無效的月份零或 13、四月 31、非閏年的二月 29、斜線、缺少零填充、時間文字以及時區字尾會導致錯誤。支援的詞彙年份範圍是 0000 到 9999,避免 JavaScript 對 0 到 99 年份的特殊數字 Date.UTC 處理方式。
每個結案日期必須在起始日期之後或與起始日期相同。結案日期包含當日:從一月 1 到一月 3 佔據三個曆日單元。起始與結案日期相同的任務佔據一個可見的曆日單元。若所有任務都發生在同一天,共享的網域為一天,所有條形圖皆可見;計算過程從不除以零的經過時間。此圖表描述的是曆日佔用情況,而非小時、工作日、工作量、完成百分比或資源容量。
水平軸從最早任務的起始日開始,至最晚任務的結束日之後結束。每日寬度為圖表寬度除以包含式範圍的日數總和。條形圖的 x 位置使用完整的 UTC 日偏移,寬度則使用各任務的包含式日數。座標為確定性,僅在序列化時四捨五入至三位小數。不會因瀏覽器語言、當前日期、夏令時規則或本機時區而改變佈局。
跨度不超過 62 天時,會使用確定性的日期刻度。系統會擴大間隔,使標籤數量維持在約九個,同時一定包含第一天和最後一天。較長的排程會使用月份刻度。範圍非常長時,會依完整月份數計算固定的月份步距,而不會產生數千個標籤。這是刻意的座標軸取樣,不是截斷任務:每個接受的任務及其完整日期跨度都會保留。日期模式的刻度標籤採 UTC YYYY-MM-DD,月份模式則採 YYYY-MM。
使用者字串為 SVG 文字,非標籤語言。與及符號、角度符號、引號與單引號會轉換為 XML 編碼實體。被 XML 禁止的控制項與孤立代理會轉換為 U+FFFD。標籤僅在轉換後顯示於文字與標題提示節點中,且選用的標題與存取性 aria-label 也會使用相同的轉義方式。看起來像指令碼的文字會保留為可見字元,而非 SVG 元素。數值屬性僅來自經過驗證的有限佈局計算。
SVG 使用 W3C 名稱空間,固定 1,100 像素的邏輯寬度,高度依行而定,白色背景,網格線,標籤,矩形條,標題提示,viewBox,以及存取性角色與標籤。寬輸出會在預覽中滾動,而非將標籤壓縮至無法閱讀的行動寬度。SVG 輸出會明確檢查 100,000 UTF-16 編碼單位預算,並與完整序列化字串進行對照。精確的驗證邊界被接受,超過一個單位則失敗;不會刪除或取樣任何標籤字尾。
成功產生會建立一個 Blob URL 從完整的 SVG。它會在普通相同來源的連結下載中保持活著,當標題或資料改變、結果被取代、產生失敗或元件解除安裝時會被撤銷。這避免了立即撤銷下載的競爭情況與累積的 ObjectURL 洩漏。Blob 或 URL 建立失敗時不會留下過期預覽或下載。沒有排程、標題、SVG 或互動會上傳至 Lizely。
本工具不解析 Microsoft Project 檔案、依賴關係、里程碑、關鍵路徑、假日、工作曆、進度、負責人、成本、基準或時區時間戳。它也不會推斷重疊工作是否可行,或保證進度真實可信。請使用專門的專案管理軟體進行依賴規劃、協作、權限設定、審計歷史與運作承諾。
ISO 8601 提供有序的日曆日期慣例,ECMAScript 定義在嚴格驗證後使用的 Date 和 UTC 操作,以及 W3C SVG 定義輸出詞彙。十一項證據金黃覆蓋了時代日期、世紀跳躍規則、年份 0000 和 9999,包含與單日範圍以及 XML 的轉義。可執行測試還涵蓋 CSV-lite 失敗、精確標籤/日期/標題/輸入/輸出預算、每日與每月的刻度、注入字串以及介面中無過期輸出的行為。
方法與來源
檢查 20,000-code-unit 原始預算,接著解析 2 為 30,並保留非空的 CSV-lite 專案行,每行恰好包含兩個逗號、標籤最多為 80 碼單元,以及兩個精確的 10 字元日期。使用詞法模式加上UTC完整年曆組成的驗證流程,要求結束日包含起始日。計算最早與最晚UTC日數,使用至少一天的包含性範圍,並將每項任務對應為一個確定性的水平矩形。透過 62 天數樣本點與受限制的月步進點來處理較長時間跨度。替換 XML 禁止字元、實體轉義使用者字串、序列化有限座標,並拒絕超過 100,000 碼單元的 SVG 情況,不進行截斷。在編輯、替換、失敗或解除安裝時,收回 Blob URL 的權限。
常見問題
- 任務標籤可以包含逗號嗎?
- 否。這是 CSV 簡易版,非完整 CSV。每一行必須包含恰好兩個逗號,且引用或轉義的逗號不受支援。
- 結束日期是否算作任務的一部分?
- 是的。日期為包含性,因此從 1 一月到 3 一月的任務會佔據三個日期格子,同一天的任務則佔一個。
- 為何長專案會使用月標籤?
- 跨越 62 日的排程會使用決定性取樣月標記來維持軸線易讀性。所有任務與完整日期範圍皆會留在圖表中。
- 我的專案進度有上傳嗎?
- 沒有。解析、UTC日期運算、SVG碼單元建立、預覽、Blob建立以及下載,全部都在當前瀏覽器標籤頁中完成。
相關工具
裝置與生產力 使用指南
查看全部- How to Make a Gantt Chart in Jira Without an Add-On (英文原文)
- How to Build a Gantt Chart in Google Sheets (英文原文)
- How to Make a Gantt Chart in Google Docs (英文原文)
- Make a Gantt Chart in Excel: A Faster Browser Path (英文原文)
- How to Make a Gantt Chart Beyond Canva (英文原文)
- Gantt Chart Maker Free No Sign Up: Build a Timeline (英文原文)
- Break Reminder for Beginners: Set One Up in a Browser Tab (英文原文)
- How Do I Compare Approaches to Use Basketball Scorekeeper (英文原文)
- How to Choose the Right Approach to Use Auto Counter (英文原文)
- How Much of the Year Is Left: Live Percentage and Days (英文原文)
- How to Avoid Mistakes With a Workout Rep Counter (英文原文)
- Create a Microsoft Teams Shift Schedule From a Roster (英文原文)
- Find Out What Browser You're Using Right Now (英文原文)
- Avoid Mistakes When Using a Water Intake Counter (英文原文)
- How to Use a To-Do List in Google Sheets — or Skip It (英文原文)
- How to Use Text to Speech on Android in a Browser (英文原文)
- Avoid Mistakes When Using a Tennis Scorekeeper (英文原文)
- How to Check the Result After Using a Tasbih Counter (英文原文)
- How to Check Screen Resolution on iPad (英文原文)
- Dead Pixel Test Alternative: A Browser-Based Color Check (英文原文)