mermaid学习笔记之——甘特图

1,027 阅读2分钟

甘特图

语法

gantt
    %注释
    title 这是标题
    
    %输入数据的时间格式
    dateFormat YYYY-MM-DD
    
    %坐标轴的时间格式
    axisFormat %m-%d
    
    %排除的时间
    excludes weekends
    
    %坐标轴刻度,高版本支持
    tickInterval 1day

    %是否显示当天的标记,默认on
    todayMarker off
    
    section 项目A
        %任务描述 : [任务状态,] [任务名称,] 开始时间, 时长或结束时间
        任务1 : done, a1, 2023-03-01, 3d
        任务2 : active, a2, after a1, 2023-03-08
        里程碑 : milestone, a3, 2023-03-07, 1d
    section 项目B
        任务1 : b1, 2023-03-07, 4000m
        任务2 : crit, b2, after a2, 15h
gantt
    %注释
    title 这是标题
    dateFormat YYYY-MM-DD
    axisFormat %m-%d
    excludes weekends
    %tickInterval 1day
    todayMarker off
    
    section 项目A
        任务1 : done, a1, 2023-03-01, 3d
        任务2 : active, a2, after a1, 2023-03-08
        里程碑 : milestone, a3, 2023-03-07, 1d
    section 项目B
        任务1 : b1, 2023-03-07, 4000m
        任务2 : crit, b2, after a2, 15h

输入数据的时间格式

关键字dateFormat后的内容用于声明输入数据的时间格式,具体如下:

标记含义
YYYY四位年
YY两位年
M无0补齐的月
MM两位的月
D无0补齐的日
DD两位的日
H无0补齐的时,24小时制
HH两位的时,24小时制
h无0补齐的时,12小时制
hh两位的时,12小时制
m无0补齐的分
mm两位的分
s无0补齐的秒
ss两位的秒
Z ZZUTC时区

坐标轴的时间格式

关键字axisFormat后的内容用于声明坐标轴的时间格式,具体如下:

标记含义
%Y四位年
%y两位年
%m两位月
%d0补齐的两位日
%e空格补齐的两位日
%H两位的时,24小时制
%I两位的时,12小时制
%M两位的分
%S两位的秒

坐标轴刻度

关键字tickInterval后的内容用于设定坐标轴的时间刻度,由数字+单位组成:

单位含义
minute分钟
hour小时
day
week
month

排除的时间

关键字excludes后的内容用于设定排除的时间,weekends表示周末,多个时间用逗号,或空白 分隔。

任务状态

状态含义
done已完成
active激活,进行中
默认,未开始
crit关键任务,可与其它叠加使用

里程碑

关键字milestone声明的任务为里程碑,实际显示的位置为任务时间段的正中间。