Markdown中的Mermaid语法

最新推荐文章于 2025-06-15 13:35:48 发布

转载最新推荐文章于 2025-06-15 13:35:48 发布 · 322 阅读

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/2401_83820329/article/details/137798893?spm=1001.2014.3001.5501

文章标签：

#elasticsearch #大数据 #搜索引擎

工具使用教程专栏收录该内容

8 篇文章

订阅专栏

1 流程图

graph LR;  
A[开始] --> B{判断};  
B --第一种情况--> C[第一种方案];  
B --第二种情况--> D[第二种方案];  
B --第三种情况--> F{第三种方案};  
F-.-> J((测试圆形));  
F-.第2个.-> H>右向旗帜形];  
H --> I[测试完毕];  
C -->|票数100| I;  
D --> I;  
J --> I;

flowchart LR

A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]

2 时序图

sequenceDiagram  
    participant Alice  
    participant Bob  
    Alice->>Bob: Hello Bob, how are you?  
    loop Healthcheck
    John->>John: Fight against hypochondria
	end
	Note right of John: Rational thoughts!
    Bob-->>John: How about you John?  
    John-->>Alice: I am good, thanks!

3 类图

classDiagram
      Animal <|-- Duck
      Animal <|-- Fish
      Animal <|-- Zebra
      Animal : +int age
      Animal : +String gender
      Animal: +isMammal()
      Animal: +mate()
      class Duck{
          +String beakColor
          +swim()
          +quack()
      }
      class Fish{
          -int sizeInFeet
          -canEat()
      }
      class Zebra{
          +bool is_wild
          +run()
      }

classDiagram
Class01 <|-- AveryLongClass : Cool
<<Interface>> Class01
Class09 --> C2 : Where am I?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
  <<service>>
  int id
  size()
}

4 状态图

stateDiagram-v2  
    [*] --> Still  
    Still --> [*]  
    Still --> Moving  
    Moving --> Still  
    Moving --> Crash  
    Crash --> [*]

5 实体关系图

erDiagram  
        CUSTOMER ||--o{ ORDER : places  
        ORDER ||--|{ LINE-ITEM : contains  
        CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

6 甘特图

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

7 饼图

pie
"Dogs" : 386
"Cats" : 85.9
"Rats" : 15

8 条形图

gantt
    title Git Issues - days since last update
    dateFormat  X
    axisFormat %s

    section Issue19062
    71   : 0, 71
    section Issue19401
    36   : 0, 36
    section Issue193
    34   : 0, 34
    section Issue7441
    9    : 0, 9
    section Issue1300
    5    : 0, 5

9 用户旅行图

  journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 3: Me