Mermaid
小宇. 发布于 阅读:127
1. 流程图(Flowchart)
方向:TD
(上到下)、LR
(左到右)
节点形状:[]
默认、()
圆角、{}
菱形、(( ))
圆形
graph LR
A[Start] --> B{Decision}
B -->|Yes| C[Task 1]
B -->|No| D[Task 2]
C --> E[End]
D --> E
2. 序列图(Sequence Diagram)
消息类型:->>
实线箭头,-->>
虚线箭头,-x
带叉箭头
sequenceDiagram
participant Alice
participant Bob
Alice->>Bob: Request
Bob-->>Alice: Response
3. 类图(Class Diagram)
关系符号:<|--
继承,*--
组合,o--
聚合
classDiagram
class Vehicle {
+String color
+start()
}
class Car {
+int wheels
}
Vehicle <|-- Car
4. 甘特图(Gantt Chart)
任务属性:开始时间、持续时间、依赖项
gantt
title 项目计划
section 阶段1
需求分析 :a1, 2023-10-01, 7d
设计 :after a1, 5d
section 阶段2
开发 :2023-10-15, 10d
5. 饼图(Pie Chart)
数据格式:标签 + 数值
pie
title 使用比例
"Chrome" : 60
"Firefox" : 25
"Edge" : 15
6. 状态图(State Diagram)
stateDiagram
[*] --> 空闲
空闲 --> 运行中 : 启动
运行中 --> 空闲 : 停止
运行中 --> [*] : 强制关闭