在这里插入图片描述

markdown甘特图介绍

Markdown 是一种轻量级的标记语言,常用于编写文档和博客文章。它本身并不支持绘制甘特图,但可以通过一些扩展模块来实现。

常用的 Markdown 甘特图绘制工具包括:

Mermaid:Mermaid 是一个功能强大的图表绘制工具,支持多种类型的图表,包括甘特图。Mermaid 的语法比较简单易懂,可以直接在 Markdown 文档中编写。 PlantUML:PlantUML 是另一个流行的图表绘制工具,也支持甘特图。PlantUML 的语法稍微复杂一些,但功能更强大。 Gantt.js:Gantt.js 是一个 JavaScript 库,用于绘制甘特图。Gantt.js 的功能非常强大,可以绘制复杂的甘特图,但需要一定的 JavaScript 基础。 这里介绍下Mermaid方式

使用 Mermaid 绘制甘特图

Mermaid 是最常用的 Markdown 甘特图绘制工具之一。其语法如下:

gantt
dateFormat YYYY-MM-DD
section 项目名称
task 任务 1 2024-03-10 2024-03-15
task 任务 2 2024-03-15 2024-03-20
task 任务 3 2024-03-20 2024-03-25

示例:

gantt
    section Section
    Completed :done,    des1, 2014-01-06,2014-01-08
    Active        :active,  des2, 2014-01-07, 3d
    Parallel 1   :         des3, after des1, 1d
    Parallel 2   :         des4, after des1, 1d
    Parallel 3   :         des5, after des3, 1d
    Parallel 4   :         des6, after des4, 1d

效果:

image.png

dateFormat:指定日期格式。

dateFormat字段用于指定日期格式,它是许多日期时间处理函数和库中常见的一个参数或配置项。通过设置dateFormat字段,可以控制日期和时间的显示方式。

常见格式

常用的日期格式包括:

YYYY-MM-DD:表示年-月-日,例如:2024-04-09 MM-DD-YYYY:表示月-日-年,例如:04-09-2024 DD/MM/YYYY:表示日/月/年,例如:09/04/2024 YYYY.MM.DD:表示年.月.日,例如:2024.04.09 MM.DD.YYYY:表示月.日.年,例如:04.09.2024 DD/MM/YY:表示日/月/两位数年份,例如:09/04/24 MMM DD YYYY:表示三字母缩写月-日-年,例如:Apr 09 2024 EEE MMM DD YYYY:表示星期三字母缩写-三字母缩写月-日-年,例如:Tue Apr 09 2024

section:定义甘特图的标题。 task:定义一个任务。每个任务有以下参数: 任务名称 开始日期 结束日期 高级用法

Mermaid 还支持一些高级功能,例如:

指定任务的颜色和样式 添加任务之间的依赖关系 设置甘特图的网格线和刻度线


结束语 Flutter是一个由Google开发的开源UI工具包,它可以让您在不同平台上创建高质量、美观的应用程序,而无需编写大量平台特定的代码。我将学习和深入研究Flutter的方方面面。从基础知识到高级技巧,从UI设计到性能优化,欢饮关注一起讨论学习,共同进入Flutter的精彩世界!