typora图表绘制

**图表绘制是通过mermaid语言的代码块实现的**

快捷键 shift+ctrl+k

再输入代码块类型mermaid,即可输入mermaid代码

# 1.流程图(思维导图)

###     1.横向思维导图

​    **1.graph**

     

graph LR
    A1[(卢毅)]-->A2[学生]
    A1-->B2(海米)
    A1-->C2([部长])
    A1-->D2[[室长]]
    D2-->A3((宋))
    D2---|好友|B3[伊]
    D2-->C3[/周/]
    D2-->D3[匡]
    D2-->E3[张]
    C2--管理-->F3[卑微小宋]
    C2==同事==>G3[副社]
    C2--朋友---H3[谢某]
    B2-.-I3>路飞]
    B2.->J3{{索隆}}
    A2-->K3[\锦江\]
    F3-->A4[小王]
    F3-->B4[小何]
    F3-->C4[\小陈/]
    F3-->D4[小周]
    I3-->E4{海贼王}

**2.mermaid可以实时生成流程图，可以方便查看效果**

**3.mermaid语法:**

​    graph 用于定义流程局节点走向

​    LR 为从左向右

**    节点默认形状为长方形**

​    **节点形状**    [ ] 直角矩形

​                    ( ) 圆角矩形

​                    ([ ]) 体育场形

​                    [[]] 长灯光形

​                    [( )] 圆柱体形

​                    (()) 圆形

​                    >] 标签形

​                    {} 菱形

​                    {{}} 六边形

​                    [/ /] 平行四边形

​                    [\ \ \] 反向平行四边形

​                    [\ /] 倒梯形

​    **节点形状间的连线**        

        

graph LR
    A-->B
    C---D
    F--key---G
    H---|key|I                                
    J-.-K    
    L.->M
    N-.key.->O
    P==key==>Q
    R-->S-->z

**4.特殊连线(Flowchart)**

Flowchart比graph更平滑一些，也具有更多的连线类型

      

flowchart LR
    1--o 2 --x 3 & 4
    5 & 6 --> 7 & 8
    9 <--> 10
    11 x--x 12
    13 o--o 14

**5.分块流程图**

       

flowchart LR

    subgraph one
        a --> b
    end
    
    subgraph two
        c --> d
    end

### 2.竖向流程图

###         即将LR换成TD

​        **graph TD**

​        **flowchart TD**

# 2.时序图(Sequence Diagram)

sequenceDiagram 
    luyi->>+lufei:how are you
    lufei->>+luyi:i'm fine
    luyi->>+lufei

# 3.状态图(State Diagram)

   

stateDiagram
    [*] --> luyi
    luyi --> luqian
    luqian --> [*]
    luyi --> lufei
    lufei --> luyi
    lufei --> soulon
    soulon --> [*]

 

# 4.饼图(Pie Diagram)

pie title luyi
    "lufei":90
    "soulon":5
    "sonshuanjiang":5