«

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
    [*] --> 空闲
    空闲 --> 运行中 : 启动
    运行中 --> 空闲 : 停止
    运行中 --> [*] : 强制关闭