news 2026/9/2 19:06:32

如何用Typora画甘特图

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何用Typora画甘特图

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

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

本文章将会总结一下怎么用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

接下来调整参数,达到满意的情况即可,如果有些设置,比如字体颜色之类的,这个模板里没有,可以让大模型帮你修改添加一些参数。
最后的效果如下图所示:

01/0701/1401/2101/2802/0402/1102/1802/2503/0303/10市场调研产品规划原型设计技术选型架构设计核心开发测试计划性能优化测试执行验收测试产品设计技术研发质量保障项目计划
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/3 0:21:50

新品限免|国产大模型工程化实战:GLM-4.7与MiniMax M2.1 免费选型对比

一、技术定位与核心差异解析 在参与多个企业级项目开发后,我深刻体会到GLM-4.7与MiniMax M2.1在工程化落地中的差异化表现。这两款国产大模型已形成互补的技术生态,分别针对不同开发场景进行了深度优化。 GLM-4.7:复杂工程任务的一次性交付引…

作者头像 李华
网站建设 2026/9/2 7:23:31

vue基于python的民宿房间预订推荐系统的设计与实现_7r8s9b63(pycharm django flask)

目录已开发项目效果实现截图开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!已开发项目效果实现截图 同行可拿货,招校园代理 vue基于python的民宿房间预订推荐系统的设计与实现_7r8s9b63(…

作者头像 李华
网站建设 2026/9/3 1:23:27

Python+uniapp微信小程序智慧木材加工厂企业员工管理系统_o9dzif83

目录已开发项目效果实现截图开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!已开发项目效果实现截图 同行可拿货,招校园代理 Pythonuniapp微信小程序智慧木材加工厂企业员工管理系统_o9dz…

作者头像 李华
网站建设 2026/9/2 22:46:25

python基于web教师科研成果管理系统_747i23s5

目录已开发项目效果实现截图开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!已开发项目效果实现截图 同行可拿货,招校园代理 python基于web教师科研成果管理系统_747i23s5 开发技术路…

作者头像 李华
网站建设 2026/9/2 22:44:18

博睿数据「2025年度可观测性实践精选案例集」重磅发布 !

2025年,数字经济高质量发展加速推进,数字技术与实体经济的深度融合,正驱动企业广泛采用多云架构以加速创新,随着系统规模的激增与交互的复杂化,如何驾驭数字系统成为关键挑战。与此同时,GenAI、LLM、AIGC及…

作者头像 李华
网站建设 2026/9/2 23:25:30

超越RLVR陷阱:从设计“奖励契约”到构建“AI宪法”的架构思想

最近半年,和几个在不同公司做AI落地的老朋友聊天,发现一个微妙的变化。大家不再热烈讨论谁的模型参数大,谁的上下文更长。取而代之的是一种带着疲惫的共识:“我们的AI,越来越像个精通绩效考评的老油条了。”这不是某个…

作者头像 李华