图文加载中...请稍后....

一图胜千言

常用排版： ▌▍◆★☆☁➤➜❤➊➋➌

TodoList： ✅☑✓✔√☓☒✘ㄨ✕✖✗❌❎

进度图(甘特)

gantt
    title 工作计划
    dateFormat  YYYY-MM-DD
section 开发
    登入功能           :a1, 2020-01-01, 30d
    数据查询功能     :after a1  , 20d
section 测试
    界面测试      :2020-01-12  , 12d
    联调api      : 24d

sequenceDiagram    
    土豪 ->> 取款机 : 查询余额
    取款机 -->> 土豪 : 余额
    
    alt 余额 > 5000
        土豪 ->> 取款机 : 取上限值 5000 块
    else 5000 < 余额 < 100
        土豪 ->> 取款机 : 有多少取多少
    else 余额 < 100
        土豪 ->> 取款机 : 退卡
    end
    
    取款机 -->> 土豪 : 退卡

quadrantChart
    title 宣传活动的范围和参与度
    x-axis "低覆盖宣传" --> "高覆盖宣传"
    y-axis "低参与度" --> "高参与度"
    quadrant-1 "1应该扩大宣传范围"
    quadrant-2 "2需要扩大宣传范围"
    quadrant-3 "3重新评估"
    quadrant-4 "4可以改进"
    "活动 A": [0.3, 0.6]
    "活动 B": [0.45, 0.23]
    "活动 C": [0.57, 0.69]
    "活动 D": [0.78, 0.34]
    "活动 E": [0.40, 0.34]
    "活动 F": [0.35, 0.78]

并行流

flowchart LR

a-->|开始|B;
a-->|开始|C;

subgraph B和C同时进行
B-->|步骤|D1;
C-->|步骤2|D2;
end

流程图

flowchart LR
A --> B
C -.箭头虚线.-> D
E -.->|箭头虚线| F



A --- B --文字--> C -.- D -.文字.- E === F ==文字==> G

graph TB;
A & B --> C & D

流程图（mermaid）

flowchart LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f, stroke:#333, stroke-width:4px
    style id2 fill:#bbf, stroke:#f66, stroke-width:2px, color:#fff, stroke-dasharray: 5 5

%% graph TD; comment
graph LR
Zero
A(This is A)
B[This is B]
C([This is C])
D[[This is D]]
E[(Database E)]
F((This is F))
G>This is G]
H{This is H}
I{{This is I}}
J[/J/]
K[\K\]
L[/L\]
M[\ M/]

Zero --> A --> B --> C --> D --> E --> F --> G --> H --> I --> J --> K --> L --> M

flowchart LR
%% this is a comment A -- text --> B{node}
   A -- text --> B -- text2 --> C

思维导图

	graph LR
	思维导图--> 第一部分
	第一部分-->1.1小节
	第一部分-->1.2小节
	
	思维导图--> 第二部分
	第二部分-->2.2小节
	
	思维导图--> 第三部分
	第三部分--> 3.1小节
	思维导图--> 若干

饼图

pie
    title 工作时间安排
    "网络优化" : 42.96
    "erp报表梳理" : 50.05
    "OA办公流程整理" : 10.01
    "服务器监控" :  5

视频