有道云-MarkDown 流程图

在Markdown中，一段流程图语法以 “开头，以 “ 结尾。

在 “` 后另起一行，书写graph XX，用以确定将要绘制的流程图及其类型（XX表示流程图类型）。

功能整理

1. 流程图分为竖向和横向两大类，竖向包括自上而下和自下而上两种顺序，横向包括从右到左和从左到右两种顺序。

   其对应语法分别为：graph TB/graph BT/graph RL/graph LR。

   TB - top bottom（自上而下）

   graph TB 
   A --> B

   graph TB 
   A --> B

   BT - bottom top（自下而上）

   graph BT 
   A --> B

   graph BT 
   A --> B

   RL - right left（从右到左）

   graph RL 
   A --> B

   graph RL 
   A --> B

   LR - left right（从左到右）

   graph LR 
   A --> B

   graph LR 
   A --> B

2. 对框线形状调整

   • 圆角四边形 ()

    graph LR
      A（这是圆角四边形）

    graph LR
      A(这是圆角四边形)

   • 直角四边形 [ ]

    graph LR
      A[这是直角四边形]

    graph LR
      A[这是直角四边形]

   • 圆形 (( ))

    graph LR
      A((这是圆形))

    graph LR
      A((这是圆形))

   • 菱形 { }

    graph LR
      A{这是菱形}

    graph LR
      A{这是菱形}

3. 对箭头的调整

   • 无方向

    graph LR
      A --- B

    graph LR
       A --- B

   • 有方向

    graph LR
      A --> B

    graph LR
       A --> B

   • 箭头加注释

    graph LR
      A --> |这是注释| B

    graph LR
       A --> |这是注释| B

示例

• 举一个栗子

  graph TD
  A[种子] --> B(开花)
  B --> C{结果}
  C --> |1| D[苹果]
  C --> |2| E[香蕉]
  C --> |3| F[橘子]

  graph TD
  A[种子] --> B(开花)
  B --> C{结果}
  C --> |1| D[苹果]
  C --> |2| E[香蕉]
  C --> |3| F[橘子]

来源：https://www.cnblogs.com/Roilka/p/11660628.html