当前位置：首页 > news >正文

如何用Typora画甘特图

news 2026/5/12 1:58:12

假设你是一个悲催的研究生，组里突然来了个项目让你画一个甘特图，但是在此之前你连甘特图是什么都不知道，那么，此时的你应该如何是好……

~~那当然是用支持画图的大模型帮我画图~~

本文章将会总结一下怎么用Typora画一个简单并且效果不错的甘特图，这里用到的Typora为1.9.5版本，没有安装Typora的可以按照b站的视频去试试，我找的这个：点此跳转。

叠甲，因为我也是初学者，所以可能有些高级用法没用上，见谅。

PS:实际过程中我发现，不下载Typora其实也可以，因为DEEPSEEK就能直接运行这个代码，直接把完成了的代码贴上去让它输出图就好。

1.甘特图是什么

甘特图是一种项目管理的条形图工具，用于直观展示项目的时间安排与进度，给出一个例子：

2.Typora的设置

这里的Typora是1.9.5版本，在画甘特图前，需要保证"文件→偏好设置→Markdown→Markdown扩展语法→图表(序列图、流程图和Mermaid图)"已经被勾选，如下图所示：

3.模板

Typora新建一个文件，先输入"```mermaid"然后回车，把Mermaid代码块标记打出来，然后把然后把下面的代码粘贴到这个代码块中。

%%"barHeight"调整一个bar的高度，"barGap"调整bar之间的间距 %%"{left/right}Padding"调整左右预留的宽度 %%"fontSize"调整bar内字体的大小，"sectionFontSize"调整标题字体大小 %% .tick text里的font-size控制坐标轴日期文字大小 %% text.titleText里的font-size控制大标题文字大小 %%"theme"调整表的风格，内置主题有"default","neutral","dark","forest","base"五个选项 %%{init:{"gantt":{"barHeight":30,"barGap":4,"leftPadding":100,"rightPadding":20,"fontSize":14,"sectionFontSize":16,"theme":"default"},"themeCSS":"g.tick text,.tick text{font-size:20px !important;}text.titleText{font-size:32px !important;}"}}%% gantt title 项目计划 dateFormat YYYY-MM-DD axisFormat %m/%d %% 这个控制是否标记当天的日期，开启会在当天日期上出现一条红色竖线 todayMarker off section 产品设计 %% 可以用"起始时间,结束时间"，也可以用"起始时间,持续天数"，两者等价 %%市场调研 :des1,2024-01-01,2024-01-11 市场调研 :des1,2024-01-01, 10d 产品规划 :des2, after des1, 7d 原型设计 :des3, after des2, 6d section 技术研发 技术选型 :tech1, after des3, 6d 架构设计 :tech2, after tech1, 7d 核心开发 :tech3, after tech2, 21d 性能优化 :tech4, after tech3, 6d section 质量保障 测试计划 :qa1, after tech2, 6d 测试执行 :qa2, after tech3, 10d 验收测试 :qa3, after qa2, 6d