操作教學|教你如何在 Notion 繪製甘特圖

閱讀時間約 11 分鐘
嘿!大家好!大家知道 Notion 嗎?
Notion 是一個功能強大且多用途的協作工具,除了幫助你管理筆記和任務外,它還提供了視覺化資料的能力。在這篇文章中,我將向你介紹如何在 Notion 上使用 Mermaid 語法來繪製甘特圖。透過甘特圖的視覺呈現,你可以輕鬆追蹤每週的學習時間分配和目標達成情況,以確保你能夠按時完成工作並達成學習目標。這種直觀的視覺化工具將幫助你更好地組織和規劃你的學習進度,並提供一個清晰的圖像化視圖,讓你更容易掌握整體情況並做出相應調整。不僅如此,使用 Notion 的 Mermaid 語法繪製甘特圖還能與團隊共享,促進團隊合作和溝通。所以,現在就開始學習在 Notion 上繪製甘特圖吧,提升你的工作效率和學習成果!

01 呼叫公式

使用 Notion 快捷鍵 ( / ) 呼叫指令,在斜線後輸入 code 開啟公式指令。
01 呼叫公式

02 輸入對應語法

在 code 語法的編輯頁面,滑鼠移至左上方,選擇使用 code 語法是 Mermaid,以及所要呈現的方式為 Split。
02 輸入對應語法
Mermaid 語法完成的呈現方式除了剛剛分享的 Split,用於即時預覽編寫的程式碼是否正確外,還有另外兩款,分別是 Code 及 Preview。點選 Code 模式,便只會單獨存在你所撰寫的 Mermaid 語法;點選 Preview 模式,便只會呈現出圓餅圖的畫面。
如果你對 Mermaid 語法的三種呈現方式,以及何時應該使用它們還不熟悉,以下是我們提供的使用情境,你可以參考它們在 Split、Code 和 Preview 中的適用性:
  • Split
    如果你想要直接編寫 Mermaid 語法並即時查看結果,Split 模式是很適合的。你可以在上側的編輯器中輸入 Mermaid 語法,下側的預覽窗格將即時顯示圖形結果。
  • Code
    如果你更喜歡在一個專用的編輯器中編寫 Mermaid 語法,並且希望有更大的編輯區域和更豐富的程式編輯功能,那麼你可以切換到 Code 模式。在這個模式下,你可以在一個全螢幕的編輯器中編寫 Mermaid 語法,接續在完成後,透過點擊「Preview」按鈕來預覽圖形結果。
  • Preview
    如果你只關心最終的圖形結果,而不需要直接編寫 Mermaid 語法,那麼 Preview 模式非常適合。在這個模式下,你可以使用預設的圖形編輯工具或匯入已編寫好的 Mermaid 語法檔案,然後即時預覽並進行必要的調整。
當然,無論你選擇使用哪種方式,都可以根據自己的需求和偏好來選擇最適合的 Mermaid 語法呈現方式。這些選項將幫助你更好地編寫、預覽和調整 Mermaid 圖形。

03 甘特圖語法

當使用 Mermaid 語法來繪製甘特圖時,以下是幾個常見的固定語法,包括日期格式、圖表標題、階段和任務。這裡將逐步描述每個操作步驟和調整方式:

日期格式

在 Mermaid 語法中,可以使用 「dateFormat」 命令指定日期格式。假設我們要使用「年-月-日」的格式,在 Mermaid 程式碼的開頭部分,添加以下行:
dateFormat YYYY-MM-DD
這行指定了甘特圖中日期的顯示格式為「年-月-日」。你可以根據需要修改日期格式,如「月/日/年」或其他格式。

② 圖表標題

在 Mermaid 語法中,可以使用「title」命令設置甘特圖的標題。在 Mermaid 程式碼中,找到要添加標題的位置,添加以下行:
title 甘特圖標題
這行指定了甘特圖中標題的顯示名稱為「甘特圖標題」。你可以替換「甘特圖標題」為你所需的標題文字。

③ 階段

在 Mermaid 語法中,可以使用「section」命令來分隔不同的階段。在 Mermaid 程式碼中,找到要添加階段的位置,添加以下行:
section 階段名稱
這行指定了甘特圖中階段的顯示名稱為「階段名稱」。你可以替換「階段名稱」為你所需的階段文字。

④ 任務

在 Mermaid 語法中,可以使用冒號「:」來說明任務的名稱、起始日期和持續時間。在 Mermaid 程式碼中,找到要添加階段的位置,添加以下行:
任務名稱 :標籤, 起始日期, 持續時間
這行指定了甘特圖中任務的顯示名稱。「標籤」為任務的標籤,「起始日期」為任務的起始日期,「持續時間」為任務的持續時間(以天、週、月或年為單位)。你可以替換「標籤」為你所需的任務內容,並依需求調整起始日期、持續時間。

04 實際操作

① 一個專案

情境:老闆要求專案經理進行一份三個月的專案規劃,並以甘特圖呈現。
gantt
    title 三個月專案甘特圖
    dateFormat  YYYY-MM-DD
    section 第一階段
    了解需求 :done, des1, 2022-01-01,2022-01-07
    設計系統 :done, des2, 2022-01-08,2022-01-14
    討論功能 :active, des3, 2022-01-15, 2022-01-21
    section 第二階段
    開發 :active, des4, 2022-01-22, 2022-02-28
    section 第三階段
    測試 :active, des5, 2022-03-01, 2022-03-15
    修復漏洞 :active, des6, 2022-03-16, 2022-03-22
    上線 :active, des7, 2022-03-23, 2022-03-31
04 實際操作|① 專案|#1
gantt
dateFormat YYYY-MM-DD
title 專案工作項目及時程
section 專案準備
需求分析: 2023-07-01, 2023-12-31
制定專案計劃: 2023-07-01, 2023-12-31
確定資源需求: 2024-01-01, 2024-01-31
section 開發階段
系統設計: 2024-02-01, 2024-04-30
程式開發: 2024-05-01, 2024-06-30
測試與除錯: 2024-07-01, 2024-08-31
section 實施與上線
專案部署: 2024-09-01, 2024-10-31
使用者培訓: 2024-11-01, 2024-11-30
正式上線: 2024-12-01, 2024-12-01
04 實際操作|① 專案|#2

二個專案

情境:為了讓多個團隊能夠清楚了解各自的工作事項,老闆請專案經理使用甘特圖來呈現兩個專案的進度和任務,以確保團隊之間有共識。
gantt
dateFormat YYYY-MM-DD
title 專案工作項目及時程
section 專案 1 準備
需求分析: 2023-07-01, 2023-12-31
制定專案計劃: 2023-07-01, 2023-12-31
確定資源需求: 2024-01-01, 2024-01-31
section 專案 1 開發階段
系統設計: 2024-02-01, 2024-04-30
程式開發: 2024-05-01, 2024-06-30
測試與除錯: 2024-07-01, 2024-08-31
section 專案 1 實施與上線
專案部署: 2024-09-01, 2024-10-31
使用者培訓: 2024-11-01, 2024-11-30
正式上線: 2024-12-01, 2024-12-01
section 專案 2 準備
需求分析: 2024-01-01, 2024-06-30
制定專案計劃: 2024-01-01, 2024-06-30
確定資源需求: 2024-07-01, 2024-07-31
section 專案 2 開發階段
系統設計: 2024-08-01, 2024-10-31
程式開發: 2024-11-01, 2024-12-31
測試與除錯: 2025-01-01, 2025-02-28
section 專案 2 實施與上線
專案部署: 2025-03-01, 2025-04-30
使用者培訓: 2025-05-01, 2025-05-31
正式上線: 2025-06-01, 2025-06-01
04 實際操作|② 二個專案

學習規劃

情境:作為一個剛接觸 Notion 的學習者,你希望能夠有一個明確的進度安排,以確保每天至少有 30 分鐘的學習時間,每週至少有 2 小時的學習時間。同時,你也想確保每週學習的內容能夠獨立完成並應用於實際情境中。為了達到這些目標,你可以使用甘特圖來規劃和追蹤你的學習進度。
gantt
    title 初學 Notion 使用者的一個月課程分配
    dateFormat  YYYY-MM-DD
    section 第一週
    了解 Notion :active, des1, 2022-01-01,2022-01-07
    設定 Notion 帳戶 :active, des2, 2022-01-01,2022-01-07
    section 第二週
    建立基本頁面 :active, des3, 2022-01-08,2022-01-14
    了解基本功能 :active, des4, 2022-01-08,2022-01-14
    section 第三週
    設計個人工作區 :active, des5, 2022-01-15, 2022-01-21
    使用模板 :active, des6, 2022-01-15, 2022-01-21
    section 第四週
    設定提醒 :active, des7, 2022-01-22, 2022-01-28
    了解 Notion 的進階功能 :active, des8, 2022-01-22, 2022-01-28
04 實際操作|③ 學習規劃

今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IGFB 社團,就能在第一時間收到最新的生產力工具介紹。最後,也別忘記可以通過上述操作步驟,使用 Mermaid 語法來設定日期格式、圖表標題、階段和任務,從而根據你的需求進行相應的調整,以便繪製符合你專案要求的甘特圖。快 點此 看本篇實際操作的 code,我們下次見!

☸ 窩DEMAA

FBIGTiktokMatterPopdaily
© 窩DEMAA|數位生產力
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
132會員
99內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
發表第一個留言支持創作者!
窩 World 的其他內容
Notion 是一個強大的協作工具,除了筆記和任務管理外,它還提供視覺化資料的功能。在快節奏的工作環境中,有效的時間管理和工作安排至關重要。本章將介紹如何在 Notion 上運用 Mermaid 語法來繪製時間軸,這將為你提供一個清晰、組織良好的視覺化工具,協助你更好地管理工作,確保都能按計劃進行。
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
Notion 是一個受歡迎的全方位筆記平台,以其獨特的風格和設計著稱。如果你渴望能擁有與眾不同、Notion風格、自訂且個性化的可愛大頭貼,那麼本篇將向你介紹的 Humanotion、Notion Avatar Maker、Personas 和 Notion Avatar 四個網站,千萬不要錯過。
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Shorouk's Blog 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、小算盤、番茄鐘、導覽列、日期、時間、倒數計時器、跳轉按鈕、每日一句、表情符號、單位換算,以及每天/週/月/年剩餘時間。本篇將專注介紹先前所未介紹到的六款小工具,為大家帶來更多選擇。讓我們看下去!!!
Kairo 是一款免費的第三方軟體,提供了一系列的小工具,包括喝水、運動、閱讀、休息、寫作、喝咖啡、專注時間、番茄鐘,以及各種你希望安排的目標和行動。現在我們將分成二個部分來逐一說明,包括 Kairo 提供的小工具以及如何將這些 Widget 嵌入到 Notion 頁面中。讓我們繼續往下看。
Notion 是一個強大的協作工具,除了筆記和任務管理外,它還提供視覺化資料的功能。在快節奏的工作環境中,有效的時間管理和工作安排至關重要。本章將介紹如何在 Notion 上運用 Mermaid 語法來繪製時間軸,這將為你提供一個清晰、組織良好的視覺化工具,協助你更好地管理工作,確保都能按計劃進行。
Notion 是一個強大且多功能的協作工具,不僅可以用於筆記和任務管理,還能幫助你視覺化資料。本章將教你如何在 Notion 上使用 Mermaid 語法繪製圓餅圖,以呈現美觀又易於理解的視覺化內容。不管是要展示預算分配、時間規劃還是進行任務分配,Notion 的圓餅圖功能都能滿足你的需求。
Notion 是一個受歡迎的全方位筆記平台,以其獨特的風格和設計著稱。如果你渴望能擁有與眾不同、Notion風格、自訂且個性化的可愛大頭貼,那麼本篇將向你介紹的 Humanotion、Notion Avatar Maker、Personas 和 Notion Avatar 四個網站,千萬不要錯過。
在先前的文章中,我們分享了如何讓你能在頁面中建構出類紙膠帶 or 重點註記的文字樣式,提升內容的視覺吸引力。接下來,在這篇文章中,我們將繼續探索 Notion 的功能,教你如何在資料庫中使用公式 ( equation ),打造多樣化的文字風格,並使你的資料庫更加獨特和個性化。讓我們看下去!
Shorouk's Blog 是一款免費的第三方軟體,提供了一系列的小工具,包括日曆、小算盤、番茄鐘、導覽列、日期、時間、倒數計時器、跳轉按鈕、每日一句、表情符號、單位換算,以及每天/週/月/年剩餘時間。本篇將專注介紹先前所未介紹到的六款小工具,為大家帶來更多選擇。讓我們看下去!!!
Kairo 是一款免費的第三方軟體,提供了一系列的小工具,包括喝水、運動、閱讀、休息、寫作、喝咖啡、專注時間、番茄鐘,以及各種你希望安排的目標和行動。現在我們將分成二個部分來逐一說明,包括 Kairo 提供的小工具以及如何將這些 Widget 嵌入到 Notion 頁面中。讓我們繼續往下看。
你可能也想看
Google News 追蹤
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
手機賺錢:Hamster Kombat(倉鼠快打-類似Notcoin)最完整操作教學與攻略 日入600萬金幣的秘訣 先說重點: 您觀看本文對你有哪些實際幫助? (有別於其它網站只是簡單說明操作方法): 您不需有虛擬貨幣的知識, 只需按照教學步驟去做就可以賺金幣(國中生程度都會) 您不需花很
Thumbnail
在零售和餐飲業,點銷售系統(POS系統)不僅是一種技術工具,更是經營成功的關鍵。有效地使用POS系統可以幫助業務主提升交易效率、改善庫存管理,並增強顧客關係。本文將提供一個全面的POS系統入門教學,包含核心功能及日常操作流程,幫助您快速上手。
Thumbnail
本報告通過分析目前加密貨幣市場,提出本週套利選幣機會,如LONG AVAX現貨/SHORT AVAX永續合約等。並就Bybit交易所的限時套利及補貼活動提供建議與注意事項。
Thumbnail
了解這些Prompts,你將領先99%的人。首先,「指令提示」適用於簡單問題。其次,「角色提示」讓AI具角色,如文案專家。再者,「一次性提示」提供GPT範例以學習。最後,「多鏡頭提示」獲全面答案。掌握技巧,使用GPT更有效。
Thumbnail
團隊在上篇報告「穩定幣好去處,長期 APR 20% 以上的套利策略」分享如何利用 Bybit 交易所的統一交易帳戶功能達到 APR 20% 的套利。有群友詢問能否如選幣報告一樣,定期分享可以套利的幣種,且避免踩到地雷,本篇報告將向讀者傳達以下幾點: 本週套利選幣機會 CEX限時補貼流動性挖
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
手機賺錢:Hamster Kombat(倉鼠快打-類似Notcoin)最完整操作教學與攻略 日入600萬金幣的秘訣 先說重點: 您觀看本文對你有哪些實際幫助? (有別於其它網站只是簡單說明操作方法): 您不需有虛擬貨幣的知識, 只需按照教學步驟去做就可以賺金幣(國中生程度都會) 您不需花很
Thumbnail
在零售和餐飲業,點銷售系統(POS系統)不僅是一種技術工具,更是經營成功的關鍵。有效地使用POS系統可以幫助業務主提升交易效率、改善庫存管理,並增強顧客關係。本文將提供一個全面的POS系統入門教學,包含核心功能及日常操作流程,幫助您快速上手。
Thumbnail
本報告通過分析目前加密貨幣市場,提出本週套利選幣機會,如LONG AVAX現貨/SHORT AVAX永續合約等。並就Bybit交易所的限時套利及補貼活動提供建議與注意事項。
Thumbnail
了解這些Prompts,你將領先99%的人。首先,「指令提示」適用於簡單問題。其次,「角色提示」讓AI具角色,如文案專家。再者,「一次性提示」提供GPT範例以學習。最後,「多鏡頭提示」獲全面答案。掌握技巧,使用GPT更有效。
Thumbnail
團隊在上篇報告「穩定幣好去處,長期 APR 20% 以上的套利策略」分享如何利用 Bybit 交易所的統一交易帳戶功能達到 APR 20% 的套利。有群友詢問能否如選幣報告一樣,定期分享可以套利的幣種,且避免踩到地雷,本篇報告將向讀者傳達以下幾點: 本週套利選幣機會 CEX限時補貼流動性挖
Thumbnail
本文帶領大家學習如何調整 Stable Diffusion WebUI 上各種參數。我們以 txt2img 為例,帶大家認識基本設定、Sampling method 或 CFG scale 等各種參數調教,以及參數間彼此的影響,讓大家能夠初步上手,熟悉 AI 算圖!
Thumbnail
4/6因為美股前一日有跌幅,因此4/6台股當天跳空下殺,因此留下一個巨大的空方缺口。在技術分析裡面,跳空代表強烈的市場情緒的爆發,跳空大漲或大跌都必須要尊重趨勢,跳空容易出現連續趨勢,如同日本股市在短期間之內連續跳空大跌與大漲。因此遇到跳空大跌或大漲,如果不是順勢操作,而是逆勢操作
Thumbnail
Sui Heroes 第一次的 Testmint 終於來啦~ 2/10起,在BeLaunch平台上開放測試鑄造,快來領取屬於你的英雄!
「自慰高潮重點小訣竅」: 自慰時下身到整個腿部一定要先完全放鬆,因為夾緊會容易及助於高潮! 很多女生第一次自慰也是靠腿夾著或是配合磨蹭就是這個原因,大部分夾腿時又是維持側躺彎曲⋯