news 2025/12/30 12:23:47

如何用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进行投诉反馈,一经查实,立即删除!
网站建设 2025/12/24 22:54:12

数据库介绍

数据库 1、什么是数据库 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。 每个数据库都有一个或多个不同的 API 用于创建,访问,管理,搜索和复制所保存的数据。 我们也可以将数据存储在文件中&#xf…

作者头像 李华
网站建设 2025/12/26 5:02:32

Python+uniapp微信小程序智慧党建活动中心系统设计与开发 三端_4xxx1rk3

目录已开发项目效果实现截图开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!已开发项目效果实现截图 同行可拿货,招校园代理 Pythonuniapp微信小程序智慧党建活动中心系统设计与开发 三端…

作者头像 李华
网站建设 2025/12/29 16:01:42

springboot-vue购物商城系统 论文vue_o9m4k

目录已开发项目效果实现截图开发技术介绍核心代码参考示例1.建立用户稀疏矩阵,用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度系统测试总结源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!已开发项目效果…

作者头像 李华
网站建设 2025/12/29 16:01:40

读人机沟通法则:理解数字世界的设计与形成05机器可以被测量

1. 遥测1.1. 小铃铛尖锐的叮当声让我们拥有某种低科技水平的感知能力,让我们知道有人在前台1.2. “遥测”(telemetry)这个词诞生于19世纪的法国,当时电信技术才刚出现1.2.1. 使用一种电子仪器将阿尔卑斯山最高峰勃朗峰的积雪深度传输到巴黎的过程1.2.2. …

作者头像 李华
网站建设 2025/12/29 16:01:38

Java计算机毕设之基于springBool+Vue美食分享平台的设计与实现基于SpringBoot + Vue的美食网站系统(完整前后端代码+说明文档+LW,调试定制等)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2025/12/29 16:01:36

敏捷咨询:从落地到深耕的全流程赋能之路

在数字化转型加速的今天,敏捷管理已成为企业突破效率瓶颈、快速响应市场的核心引擎。但多数企业在敏捷实践中常陷入“形似神离”的困境——流程照搬却水土不服,工具堆砌却收效甚微。专业的敏捷咨询并非简单的方法论灌输,而是贯穿诊断、设计、…

作者头像 李华