news 2026/10/26 17:34:17

如何用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/10/24 2:49:06

验证回文串,x的平方根(左右指针)

这个题用暴力法会超时,使用左右指针。首先考虑如果不允许删除字符,如何判断一个字符串是否是回文串。常见的做法是使用双指针。定义左右指针,初始时分别指向字符串的第一个字符和最后一个字符,每次判断左右指针指向的字符是否相同…

作者头像 李华
网站建设 2026/10/25 13:03:55

ant design pro不安装第三方库,如何实现多标签页面(带源码)

在中后台管理系统开发场景中,动态标签页是提升用户操作体验的核心功能 —— 它模拟浏览器标签页交互逻辑,支持多页面并行操作、自由切换,还能保留用户的操作轨迹。本文将基于 React Umi(umijs/max) Ant Design 技术栈…

作者头像 李华
网站建设 2026/10/19 19:22:41

2025最新!研究生必备8个AI论文平台:开题报告与文献综述全测评

2025最新!研究生必备8个AI论文平台:开题报告与文献综述全测评 2025年研究生必备AI论文平台测评:如何选择高效工具? 在科研日益数字化的今天,研究生群体对AI论文工具的需求愈发迫切。从开题报告到文献综述,从…

作者头像 李华
网站建设 2026/10/22 0:00:42

基于SpringBoot的图书管理系统的设计与实现毕业设计项目源码

项目简介 在图书馆数字化升级、借阅服务精细化需求下,传统图书管理存在 “借阅流程繁琐、库存盘点低效、读者画像缺失” 的痛点,基于 SpringBoot 构建的图书管理系统,适配读者、图书管理员、馆内运营人员等角色,实现图书借阅、馆藏…

作者头像 李华
网站建设 2026/10/21 18:51:46

2025最新!9款AI论文软件测评:本科生写论文必备神器

2025最新!9款AI论文软件测评:本科生写论文必备神器 2025年AI论文工具测评:为何值得一看? 随着人工智能技术的不断进步,AI论文写作工具逐渐成为高校学生,尤其是本科生撰写学术论文的重要辅助手段。然而&…

作者头像 李华