前言:更新下mermaid画图的流程图。


流程图

  跟之前的状态图一样,要注意的是需要在在开头加上mermaid关键字


1. 流程图流向

  在最初设计流程图的时候,首先要确定流程图的总体流向,流程图流动方向有如下几种:

方向 标记 备注
上=>下 TB Top to Bottom
上=>下 BT Bottom to Top
左=>右 LR Left to Right
右=>左 RL Right to Left

  表示流向时,在最开始用关键字graph+ 上述方向标记符确定流程图流向。

  • 从上往下 TB

    graph TD
    Start --> Stop
    
#mermaid-svg-MAGjLlZ1sKTbdPeT .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .label text{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .node rect,#mermaid-svg-MAGjLlZ1sKTbdPeT .node circle,#mermaid-svg-MAGjLlZ1sKTbdPeT .node ellipse,#mermaid-svg-MAGjLlZ1sKTbdPeT .node polygon,#mermaid-svg-MAGjLlZ1sKTbdPeT .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-MAGjLlZ1sKTbdPeT .node .label{text-align:center;fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .node.clickable{cursor:pointer}#mermaid-svg-MAGjLlZ1sKTbdPeT .arrowheadPath{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-MAGjLlZ1sKTbdPeT .flowchart-link{stroke:#333;fill:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-MAGjLlZ1sKTbdPeT .edgeLabel rect{opacity:0.9}#mermaid-svg-MAGjLlZ1sKTbdPeT .edgeLabel span{color:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-MAGjLlZ1sKTbdPeT .cluster text{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-MAGjLlZ1sKTbdPeT .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-MAGjLlZ1sKTbdPeT text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .actor-line{stroke:grey}#mermaid-svg-MAGjLlZ1sKTbdPeT .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .sequenceNumber{fill:#fff}#mermaid-svg-MAGjLlZ1sKTbdPeT #sequencenumber{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT #crosshead path{fill:#333;stroke:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .messageText{fill:#333;stroke:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-MAGjLlZ1sKTbdPeT .labelText,#mermaid-svg-MAGjLlZ1sKTbdPeT .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .loopText,#mermaid-svg-MAGjLlZ1sKTbdPeT .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-MAGjLlZ1sKTbdPeT .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-MAGjLlZ1sKTbdPeT .noteText,#mermaid-svg-MAGjLlZ1sKTbdPeT .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-MAGjLlZ1sKTbdPeT .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-MAGjLlZ1sKTbdPeT .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-MAGjLlZ1sKTbdPeT .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .section{stroke:none;opacity:0.2}#mermaid-svg-MAGjLlZ1sKTbdPeT .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-MAGjLlZ1sKTbdPeT .section2{fill:#fff400}#mermaid-svg-MAGjLlZ1sKTbdPeT .section1,#mermaid-svg-MAGjLlZ1sKTbdPeT .section3{fill:#fff;opacity:0.2}#mermaid-svg-MAGjLlZ1sKTbdPeT .sectionTitle0{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .sectionTitle1{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .sectionTitle2{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .sectionTitle3{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-MAGjLlZ1sKTbdPeT .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .grid path{stroke-width:0}#mermaid-svg-MAGjLlZ1sKTbdPeT .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-MAGjLlZ1sKTbdPeT .task{stroke-width:2}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText:not([font-size]){font-size:11px}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-MAGjLlZ1sKTbdPeT .task.clickable{cursor:pointer}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText0,#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText1,#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText2,#mermaid-svg-MAGjLlZ1sKTbdPeT .taskText3{fill:#fff}#mermaid-svg-MAGjLlZ1sKTbdPeT .task0,#mermaid-svg-MAGjLlZ1sKTbdPeT .task1,#mermaid-svg-MAGjLlZ1sKTbdPeT .task2,#mermaid-svg-MAGjLlZ1sKTbdPeT .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutside0,#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutside2{fill:#000}#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutside1,#mermaid-svg-MAGjLlZ1sKTbdPeT .taskTextOutside3{fill:#000}#mermaid-svg-MAGjLlZ1sKTbdPeT .active0,#mermaid-svg-MAGjLlZ1sKTbdPeT .active1,#mermaid-svg-MAGjLlZ1sKTbdPeT .active2,#mermaid-svg-MAGjLlZ1sKTbdPeT .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-MAGjLlZ1sKTbdPeT .activeText0,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeText1,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeText2,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeText3{fill:#000 !important}#mermaid-svg-MAGjLlZ1sKTbdPeT .done0,#mermaid-svg-MAGjLlZ1sKTbdPeT .done1,#mermaid-svg-MAGjLlZ1sKTbdPeT .done2,#mermaid-svg-MAGjLlZ1sKTbdPeT .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-MAGjLlZ1sKTbdPeT .doneText0,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneText1,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneText2,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneText3{fill:#000 !important}#mermaid-svg-MAGjLlZ1sKTbdPeT .crit0,#mermaid-svg-MAGjLlZ1sKTbdPeT .crit1,#mermaid-svg-MAGjLlZ1sKTbdPeT .crit2,#mermaid-svg-MAGjLlZ1sKTbdPeT .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCrit0,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCrit1,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCrit2,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCrit0,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCrit1,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCrit2,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-MAGjLlZ1sKTbdPeT .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-MAGjLlZ1sKTbdPeT .milestoneText{font-style:italic}#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCritText0,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCritText1,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCritText2,#mermaid-svg-MAGjLlZ1sKTbdPeT .doneCritText3{fill:#000 !important}#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCritText0,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCritText1,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCritText2,#mermaid-svg-MAGjLlZ1sKTbdPeT .activeCritText3{fill:#000 !important}#mermaid-svg-MAGjLlZ1sKTbdPeT .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-MAGjLlZ1sKTbdPeT g.classGroup text .title{font-weight:bolder}#mermaid-svg-MAGjLlZ1sKTbdPeT g.clickable{cursor:pointer}#mermaid-svg-MAGjLlZ1sKTbdPeT g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-MAGjLlZ1sKTbdPeT g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-MAGjLlZ1sKTbdPeT .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-MAGjLlZ1sKTbdPeT .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .dashed-line{stroke-dasharray:3}#mermaid-svg-MAGjLlZ1sKTbdPeT #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT .commit-id,#mermaid-svg-MAGjLlZ1sKTbdPeT .commit-msg,#mermaid-svg-MAGjLlZ1sKTbdPeT .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-MAGjLlZ1sKTbdPeT g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-MAGjLlZ1sKTbdPeT g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-MAGjLlZ1sKTbdPeT g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-MAGjLlZ1sKTbdPeT .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-MAGjLlZ1sKTbdPeT .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-MAGjLlZ1sKTbdPeT .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-MAGjLlZ1sKTbdPeT .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-MAGjLlZ1sKTbdPeT .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-MAGjLlZ1sKTbdPeT .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-MAGjLlZ1sKTbdPeT .edgeLabel text{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-MAGjLlZ1sKTbdPeT .node circle.state-start{fill:black;stroke:black}#mermaid-svg-MAGjLlZ1sKTbdPeT .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-MAGjLlZ1sKTbdPeT #statediagram-barbEnd{fill:#9370db}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-state .divider{stroke:#9370db}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-MAGjLlZ1sKTbdPeT .note-edge{stroke-dasharray:5}#mermaid-svg-MAGjLlZ1sKTbdPeT .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-MAGjLlZ1sKTbdPeT .error-icon{fill:#522}#mermaid-svg-MAGjLlZ1sKTbdPeT .error-text{fill:#522;stroke:#522}#mermaid-svg-MAGjLlZ1sKTbdPeT .edge-thickness-normal{stroke-width:2px}#mermaid-svg-MAGjLlZ1sKTbdPeT .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-MAGjLlZ1sKTbdPeT .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-MAGjLlZ1sKTbdPeT .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-MAGjLlZ1sKTbdPeT .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-MAGjLlZ1sKTbdPeT .marker{fill:#333}#mermaid-svg-MAGjLlZ1sKTbdPeT .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-MAGjLlZ1sKTbdPeT {color: rgba(0, 0, 0, 0.75);font: ;}

Start
Stop
  • 从左往右 LR

    graph LR
    Start --> Stop
    
#mermaid-svg-TTw7O1LjIh3DUJya .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-TTw7O1LjIh3DUJya .label text{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .node rect,#mermaid-svg-TTw7O1LjIh3DUJya .node circle,#mermaid-svg-TTw7O1LjIh3DUJya .node ellipse,#mermaid-svg-TTw7O1LjIh3DUJya .node polygon,#mermaid-svg-TTw7O1LjIh3DUJya .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-TTw7O1LjIh3DUJya .node .label{text-align:center;fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .node.clickable{cursor:pointer}#mermaid-svg-TTw7O1LjIh3DUJya .arrowheadPath{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-TTw7O1LjIh3DUJya .flowchart-link{stroke:#333;fill:none}#mermaid-svg-TTw7O1LjIh3DUJya .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-TTw7O1LjIh3DUJya .edgeLabel rect{opacity:0.9}#mermaid-svg-TTw7O1LjIh3DUJya .edgeLabel span{color:#333}#mermaid-svg-TTw7O1LjIh3DUJya .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-TTw7O1LjIh3DUJya .cluster text{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-TTw7O1LjIh3DUJya .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-TTw7O1LjIh3DUJya text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-TTw7O1LjIh3DUJya .actor-line{stroke:grey}#mermaid-svg-TTw7O1LjIh3DUJya .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-TTw7O1LjIh3DUJya .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-TTw7O1LjIh3DUJya #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-TTw7O1LjIh3DUJya .sequenceNumber{fill:#fff}#mermaid-svg-TTw7O1LjIh3DUJya #sequencenumber{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya #crosshead path{fill:#333;stroke:#333}#mermaid-svg-TTw7O1LjIh3DUJya .messageText{fill:#333;stroke:#333}#mermaid-svg-TTw7O1LjIh3DUJya .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-TTw7O1LjIh3DUJya .labelText,#mermaid-svg-TTw7O1LjIh3DUJya .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-TTw7O1LjIh3DUJya .loopText,#mermaid-svg-TTw7O1LjIh3DUJya .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-TTw7O1LjIh3DUJya .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-TTw7O1LjIh3DUJya .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-TTw7O1LjIh3DUJya .noteText,#mermaid-svg-TTw7O1LjIh3DUJya .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-TTw7O1LjIh3DUJya .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-TTw7O1LjIh3DUJya .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-TTw7O1LjIh3DUJya .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-TTw7O1LjIh3DUJya .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .section{stroke:none;opacity:0.2}#mermaid-svg-TTw7O1LjIh3DUJya .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-TTw7O1LjIh3DUJya .section2{fill:#fff400}#mermaid-svg-TTw7O1LjIh3DUJya .section1,#mermaid-svg-TTw7O1LjIh3DUJya .section3{fill:#fff;opacity:0.2}#mermaid-svg-TTw7O1LjIh3DUJya .sectionTitle0{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .sectionTitle1{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .sectionTitle2{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .sectionTitle3{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-TTw7O1LjIh3DUJya .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .grid path{stroke-width:0}#mermaid-svg-TTw7O1LjIh3DUJya .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-TTw7O1LjIh3DUJya .task{stroke-width:2}#mermaid-svg-TTw7O1LjIh3DUJya .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .taskText:not([font-size]){font-size:11px}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-TTw7O1LjIh3DUJya .task.clickable{cursor:pointer}#mermaid-svg-TTw7O1LjIh3DUJya .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-TTw7O1LjIh3DUJya .taskText0,#mermaid-svg-TTw7O1LjIh3DUJya .taskText1,#mermaid-svg-TTw7O1LjIh3DUJya .taskText2,#mermaid-svg-TTw7O1LjIh3DUJya .taskText3{fill:#fff}#mermaid-svg-TTw7O1LjIh3DUJya .task0,#mermaid-svg-TTw7O1LjIh3DUJya .task1,#mermaid-svg-TTw7O1LjIh3DUJya .task2,#mermaid-svg-TTw7O1LjIh3DUJya .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutside0,#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutside2{fill:#000}#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutside1,#mermaid-svg-TTw7O1LjIh3DUJya .taskTextOutside3{fill:#000}#mermaid-svg-TTw7O1LjIh3DUJya .active0,#mermaid-svg-TTw7O1LjIh3DUJya .active1,#mermaid-svg-TTw7O1LjIh3DUJya .active2,#mermaid-svg-TTw7O1LjIh3DUJya .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-TTw7O1LjIh3DUJya .activeText0,#mermaid-svg-TTw7O1LjIh3DUJya .activeText1,#mermaid-svg-TTw7O1LjIh3DUJya .activeText2,#mermaid-svg-TTw7O1LjIh3DUJya .activeText3{fill:#000 !important}#mermaid-svg-TTw7O1LjIh3DUJya .done0,#mermaid-svg-TTw7O1LjIh3DUJya .done1,#mermaid-svg-TTw7O1LjIh3DUJya .done2,#mermaid-svg-TTw7O1LjIh3DUJya .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-TTw7O1LjIh3DUJya .doneText0,#mermaid-svg-TTw7O1LjIh3DUJya .doneText1,#mermaid-svg-TTw7O1LjIh3DUJya .doneText2,#mermaid-svg-TTw7O1LjIh3DUJya .doneText3{fill:#000 !important}#mermaid-svg-TTw7O1LjIh3DUJya .crit0,#mermaid-svg-TTw7O1LjIh3DUJya .crit1,#mermaid-svg-TTw7O1LjIh3DUJya .crit2,#mermaid-svg-TTw7O1LjIh3DUJya .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-TTw7O1LjIh3DUJya .activeCrit0,#mermaid-svg-TTw7O1LjIh3DUJya .activeCrit1,#mermaid-svg-TTw7O1LjIh3DUJya .activeCrit2,#mermaid-svg-TTw7O1LjIh3DUJya .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-TTw7O1LjIh3DUJya .doneCrit0,#mermaid-svg-TTw7O1LjIh3DUJya .doneCrit1,#mermaid-svg-TTw7O1LjIh3DUJya .doneCrit2,#mermaid-svg-TTw7O1LjIh3DUJya .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-TTw7O1LjIh3DUJya .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-TTw7O1LjIh3DUJya .milestoneText{font-style:italic}#mermaid-svg-TTw7O1LjIh3DUJya .doneCritText0,#mermaid-svg-TTw7O1LjIh3DUJya .doneCritText1,#mermaid-svg-TTw7O1LjIh3DUJya .doneCritText2,#mermaid-svg-TTw7O1LjIh3DUJya .doneCritText3{fill:#000 !important}#mermaid-svg-TTw7O1LjIh3DUJya .activeCritText0,#mermaid-svg-TTw7O1LjIh3DUJya .activeCritText1,#mermaid-svg-TTw7O1LjIh3DUJya .activeCritText2,#mermaid-svg-TTw7O1LjIh3DUJya .activeCritText3{fill:#000 !important}#mermaid-svg-TTw7O1LjIh3DUJya .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-TTw7O1LjIh3DUJya g.classGroup text .title{font-weight:bolder}#mermaid-svg-TTw7O1LjIh3DUJya g.clickable{cursor:pointer}#mermaid-svg-TTw7O1LjIh3DUJya g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-TTw7O1LjIh3DUJya g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-TTw7O1LjIh3DUJya .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-TTw7O1LjIh3DUJya .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-TTw7O1LjIh3DUJya .dashed-line{stroke-dasharray:3}#mermaid-svg-TTw7O1LjIh3DUJya #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya .commit-id,#mermaid-svg-TTw7O1LjIh3DUJya .commit-msg,#mermaid-svg-TTw7O1LjIh3DUJya .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-TTw7O1LjIh3DUJya g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-TTw7O1LjIh3DUJya g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-TTw7O1LjIh3DUJya g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-TTw7O1LjIh3DUJya .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-TTw7O1LjIh3DUJya .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-TTw7O1LjIh3DUJya .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-TTw7O1LjIh3DUJya .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-TTw7O1LjIh3DUJya .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-TTw7O1LjIh3DUJya .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-TTw7O1LjIh3DUJya .edgeLabel text{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-TTw7O1LjIh3DUJya .node circle.state-start{fill:black;stroke:black}#mermaid-svg-TTw7O1LjIh3DUJya .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-TTw7O1LjIh3DUJya #statediagram-barbEnd{fill:#9370db}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-state .divider{stroke:#9370db}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-TTw7O1LjIh3DUJya .note-edge{stroke-dasharray:5}#mermaid-svg-TTw7O1LjIh3DUJya .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-TTw7O1LjIh3DUJya .error-icon{fill:#522}#mermaid-svg-TTw7O1LjIh3DUJya .error-text{fill:#522;stroke:#522}#mermaid-svg-TTw7O1LjIh3DUJya .edge-thickness-normal{stroke-width:2px}#mermaid-svg-TTw7O1LjIh3DUJya .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-TTw7O1LjIh3DUJya .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-TTw7O1LjIh3DUJya .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-TTw7O1LjIh3DUJya .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-TTw7O1LjIh3DUJya .marker{fill:#333}#mermaid-svg-TTw7O1LjIh3DUJya .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-TTw7O1LjIh3DUJya {color: rgba(0, 0, 0, 0.75);font: ;}

Start
Stop

2. 结点类型

  下面只介绍基本流程图中常见的结点类型。

2.1圆角矩形——代表流程的开始或结束

```
graph LR
id1(This is the text in the box)
```
#mermaid-svg-os7tbyRkhSibqQMF .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-os7tbyRkhSibqQMF .label text{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .node rect,#mermaid-svg-os7tbyRkhSibqQMF .node circle,#mermaid-svg-os7tbyRkhSibqQMF .node ellipse,#mermaid-svg-os7tbyRkhSibqQMF .node polygon,#mermaid-svg-os7tbyRkhSibqQMF .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-os7tbyRkhSibqQMF .node .label{text-align:center;fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .node.clickable{cursor:pointer}#mermaid-svg-os7tbyRkhSibqQMF .arrowheadPath{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-os7tbyRkhSibqQMF .flowchart-link{stroke:#333;fill:none}#mermaid-svg-os7tbyRkhSibqQMF .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-os7tbyRkhSibqQMF .edgeLabel rect{opacity:0.9}#mermaid-svg-os7tbyRkhSibqQMF .edgeLabel span{color:#333}#mermaid-svg-os7tbyRkhSibqQMF .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-os7tbyRkhSibqQMF .cluster text{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-os7tbyRkhSibqQMF .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-os7tbyRkhSibqQMF text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-os7tbyRkhSibqQMF .actor-line{stroke:grey}#mermaid-svg-os7tbyRkhSibqQMF .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-os7tbyRkhSibqQMF .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-os7tbyRkhSibqQMF #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-os7tbyRkhSibqQMF .sequenceNumber{fill:#fff}#mermaid-svg-os7tbyRkhSibqQMF #sequencenumber{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF #crosshead path{fill:#333;stroke:#333}#mermaid-svg-os7tbyRkhSibqQMF .messageText{fill:#333;stroke:#333}#mermaid-svg-os7tbyRkhSibqQMF .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-os7tbyRkhSibqQMF .labelText,#mermaid-svg-os7tbyRkhSibqQMF .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-os7tbyRkhSibqQMF .loopText,#mermaid-svg-os7tbyRkhSibqQMF .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-os7tbyRkhSibqQMF .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-os7tbyRkhSibqQMF .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-os7tbyRkhSibqQMF .noteText,#mermaid-svg-os7tbyRkhSibqQMF .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-os7tbyRkhSibqQMF .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-os7tbyRkhSibqQMF .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-os7tbyRkhSibqQMF .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-os7tbyRkhSibqQMF .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .section{stroke:none;opacity:0.2}#mermaid-svg-os7tbyRkhSibqQMF .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-os7tbyRkhSibqQMF .section2{fill:#fff400}#mermaid-svg-os7tbyRkhSibqQMF .section1,#mermaid-svg-os7tbyRkhSibqQMF .section3{fill:#fff;opacity:0.2}#mermaid-svg-os7tbyRkhSibqQMF .sectionTitle0{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .sectionTitle1{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .sectionTitle2{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .sectionTitle3{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-os7tbyRkhSibqQMF .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .grid path{stroke-width:0}#mermaid-svg-os7tbyRkhSibqQMF .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-os7tbyRkhSibqQMF .task{stroke-width:2}#mermaid-svg-os7tbyRkhSibqQMF .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .taskText:not([font-size]){font-size:11px}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-os7tbyRkhSibqQMF .task.clickable{cursor:pointer}#mermaid-svg-os7tbyRkhSibqQMF .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-os7tbyRkhSibqQMF .taskText0,#mermaid-svg-os7tbyRkhSibqQMF .taskText1,#mermaid-svg-os7tbyRkhSibqQMF .taskText2,#mermaid-svg-os7tbyRkhSibqQMF .taskText3{fill:#fff}#mermaid-svg-os7tbyRkhSibqQMF .task0,#mermaid-svg-os7tbyRkhSibqQMF .task1,#mermaid-svg-os7tbyRkhSibqQMF .task2,#mermaid-svg-os7tbyRkhSibqQMF .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutside0,#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutside2{fill:#000}#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutside1,#mermaid-svg-os7tbyRkhSibqQMF .taskTextOutside3{fill:#000}#mermaid-svg-os7tbyRkhSibqQMF .active0,#mermaid-svg-os7tbyRkhSibqQMF .active1,#mermaid-svg-os7tbyRkhSibqQMF .active2,#mermaid-svg-os7tbyRkhSibqQMF .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-os7tbyRkhSibqQMF .activeText0,#mermaid-svg-os7tbyRkhSibqQMF .activeText1,#mermaid-svg-os7tbyRkhSibqQMF .activeText2,#mermaid-svg-os7tbyRkhSibqQMF .activeText3{fill:#000 !important}#mermaid-svg-os7tbyRkhSibqQMF .done0,#mermaid-svg-os7tbyRkhSibqQMF .done1,#mermaid-svg-os7tbyRkhSibqQMF .done2,#mermaid-svg-os7tbyRkhSibqQMF .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-os7tbyRkhSibqQMF .doneText0,#mermaid-svg-os7tbyRkhSibqQMF .doneText1,#mermaid-svg-os7tbyRkhSibqQMF .doneText2,#mermaid-svg-os7tbyRkhSibqQMF .doneText3{fill:#000 !important}#mermaid-svg-os7tbyRkhSibqQMF .crit0,#mermaid-svg-os7tbyRkhSibqQMF .crit1,#mermaid-svg-os7tbyRkhSibqQMF .crit2,#mermaid-svg-os7tbyRkhSibqQMF .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-os7tbyRkhSibqQMF .activeCrit0,#mermaid-svg-os7tbyRkhSibqQMF .activeCrit1,#mermaid-svg-os7tbyRkhSibqQMF .activeCrit2,#mermaid-svg-os7tbyRkhSibqQMF .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-os7tbyRkhSibqQMF .doneCrit0,#mermaid-svg-os7tbyRkhSibqQMF .doneCrit1,#mermaid-svg-os7tbyRkhSibqQMF .doneCrit2,#mermaid-svg-os7tbyRkhSibqQMF .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-os7tbyRkhSibqQMF .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-os7tbyRkhSibqQMF .milestoneText{font-style:italic}#mermaid-svg-os7tbyRkhSibqQMF .doneCritText0,#mermaid-svg-os7tbyRkhSibqQMF .doneCritText1,#mermaid-svg-os7tbyRkhSibqQMF .doneCritText2,#mermaid-svg-os7tbyRkhSibqQMF .doneCritText3{fill:#000 !important}#mermaid-svg-os7tbyRkhSibqQMF .activeCritText0,#mermaid-svg-os7tbyRkhSibqQMF .activeCritText1,#mermaid-svg-os7tbyRkhSibqQMF .activeCritText2,#mermaid-svg-os7tbyRkhSibqQMF .activeCritText3{fill:#000 !important}#mermaid-svg-os7tbyRkhSibqQMF .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-os7tbyRkhSibqQMF g.classGroup text .title{font-weight:bolder}#mermaid-svg-os7tbyRkhSibqQMF g.clickable{cursor:pointer}#mermaid-svg-os7tbyRkhSibqQMF g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-os7tbyRkhSibqQMF g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-os7tbyRkhSibqQMF .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-os7tbyRkhSibqQMF .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-os7tbyRkhSibqQMF .dashed-line{stroke-dasharray:3}#mermaid-svg-os7tbyRkhSibqQMF #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF .commit-id,#mermaid-svg-os7tbyRkhSibqQMF .commit-msg,#mermaid-svg-os7tbyRkhSibqQMF .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-os7tbyRkhSibqQMF g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-os7tbyRkhSibqQMF g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-os7tbyRkhSibqQMF g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-os7tbyRkhSibqQMF .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-os7tbyRkhSibqQMF .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-os7tbyRkhSibqQMF .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-os7tbyRkhSibqQMF .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-os7tbyRkhSibqQMF .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-os7tbyRkhSibqQMF .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-os7tbyRkhSibqQMF .edgeLabel text{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-os7tbyRkhSibqQMF .node circle.state-start{fill:black;stroke:black}#mermaid-svg-os7tbyRkhSibqQMF .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-os7tbyRkhSibqQMF #statediagram-barbEnd{fill:#9370db}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-state .divider{stroke:#9370db}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-os7tbyRkhSibqQMF .note-edge{stroke-dasharray:5}#mermaid-svg-os7tbyRkhSibqQMF .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-os7tbyRkhSibqQMF .error-icon{fill:#522}#mermaid-svg-os7tbyRkhSibqQMF .error-text{fill:#522;stroke:#522}#mermaid-svg-os7tbyRkhSibqQMF .edge-thickness-normal{stroke-width:2px}#mermaid-svg-os7tbyRkhSibqQMF .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-os7tbyRkhSibqQMF .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-os7tbyRkhSibqQMF .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-os7tbyRkhSibqQMF .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-os7tbyRkhSibqQMF .marker{fill:#333}#mermaid-svg-os7tbyRkhSibqQMF .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-os7tbyRkhSibqQMF {color: rgba(0, 0, 0, 0.75);font: ;}

This is the text in the box

2.2 矩形——代表要处理的动作

graph LR
id1[This is the text in the box]
#mermaid-svg-rb8f4HxMndTeoq2r .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-rb8f4HxMndTeoq2r .label text{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .node rect,#mermaid-svg-rb8f4HxMndTeoq2r .node circle,#mermaid-svg-rb8f4HxMndTeoq2r .node ellipse,#mermaid-svg-rb8f4HxMndTeoq2r .node polygon,#mermaid-svg-rb8f4HxMndTeoq2r .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-rb8f4HxMndTeoq2r .node .label{text-align:center;fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .node.clickable{cursor:pointer}#mermaid-svg-rb8f4HxMndTeoq2r .arrowheadPath{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-rb8f4HxMndTeoq2r .flowchart-link{stroke:#333;fill:none}#mermaid-svg-rb8f4HxMndTeoq2r .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-rb8f4HxMndTeoq2r .edgeLabel rect{opacity:0.9}#mermaid-svg-rb8f4HxMndTeoq2r .edgeLabel span{color:#333}#mermaid-svg-rb8f4HxMndTeoq2r .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-rb8f4HxMndTeoq2r .cluster text{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-rb8f4HxMndTeoq2r .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-rb8f4HxMndTeoq2r text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-rb8f4HxMndTeoq2r .actor-line{stroke:grey}#mermaid-svg-rb8f4HxMndTeoq2r .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-rb8f4HxMndTeoq2r .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-rb8f4HxMndTeoq2r #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-rb8f4HxMndTeoq2r .sequenceNumber{fill:#fff}#mermaid-svg-rb8f4HxMndTeoq2r #sequencenumber{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r #crosshead path{fill:#333;stroke:#333}#mermaid-svg-rb8f4HxMndTeoq2r .messageText{fill:#333;stroke:#333}#mermaid-svg-rb8f4HxMndTeoq2r .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-rb8f4HxMndTeoq2r .labelText,#mermaid-svg-rb8f4HxMndTeoq2r .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-rb8f4HxMndTeoq2r .loopText,#mermaid-svg-rb8f4HxMndTeoq2r .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-rb8f4HxMndTeoq2r .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-rb8f4HxMndTeoq2r .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-rb8f4HxMndTeoq2r .noteText,#mermaid-svg-rb8f4HxMndTeoq2r .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-rb8f4HxMndTeoq2r .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-rb8f4HxMndTeoq2r .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-rb8f4HxMndTeoq2r .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-rb8f4HxMndTeoq2r .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .section{stroke:none;opacity:0.2}#mermaid-svg-rb8f4HxMndTeoq2r .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-rb8f4HxMndTeoq2r .section2{fill:#fff400}#mermaid-svg-rb8f4HxMndTeoq2r .section1,#mermaid-svg-rb8f4HxMndTeoq2r .section3{fill:#fff;opacity:0.2}#mermaid-svg-rb8f4HxMndTeoq2r .sectionTitle0{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .sectionTitle1{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .sectionTitle2{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .sectionTitle3{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-rb8f4HxMndTeoq2r .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .grid path{stroke-width:0}#mermaid-svg-rb8f4HxMndTeoq2r .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-rb8f4HxMndTeoq2r .task{stroke-width:2}#mermaid-svg-rb8f4HxMndTeoq2r .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .taskText:not([font-size]){font-size:11px}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-rb8f4HxMndTeoq2r .task.clickable{cursor:pointer}#mermaid-svg-rb8f4HxMndTeoq2r .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-rb8f4HxMndTeoq2r .taskText0,#mermaid-svg-rb8f4HxMndTeoq2r .taskText1,#mermaid-svg-rb8f4HxMndTeoq2r .taskText2,#mermaid-svg-rb8f4HxMndTeoq2r .taskText3{fill:#fff}#mermaid-svg-rb8f4HxMndTeoq2r .task0,#mermaid-svg-rb8f4HxMndTeoq2r .task1,#mermaid-svg-rb8f4HxMndTeoq2r .task2,#mermaid-svg-rb8f4HxMndTeoq2r .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutside0,#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutside2{fill:#000}#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutside1,#mermaid-svg-rb8f4HxMndTeoq2r .taskTextOutside3{fill:#000}#mermaid-svg-rb8f4HxMndTeoq2r .active0,#mermaid-svg-rb8f4HxMndTeoq2r .active1,#mermaid-svg-rb8f4HxMndTeoq2r .active2,#mermaid-svg-rb8f4HxMndTeoq2r .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-rb8f4HxMndTeoq2r .activeText0,#mermaid-svg-rb8f4HxMndTeoq2r .activeText1,#mermaid-svg-rb8f4HxMndTeoq2r .activeText2,#mermaid-svg-rb8f4HxMndTeoq2r .activeText3{fill:#000 !important}#mermaid-svg-rb8f4HxMndTeoq2r .done0,#mermaid-svg-rb8f4HxMndTeoq2r .done1,#mermaid-svg-rb8f4HxMndTeoq2r .done2,#mermaid-svg-rb8f4HxMndTeoq2r .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-rb8f4HxMndTeoq2r .doneText0,#mermaid-svg-rb8f4HxMndTeoq2r .doneText1,#mermaid-svg-rb8f4HxMndTeoq2r .doneText2,#mermaid-svg-rb8f4HxMndTeoq2r .doneText3{fill:#000 !important}#mermaid-svg-rb8f4HxMndTeoq2r .crit0,#mermaid-svg-rb8f4HxMndTeoq2r .crit1,#mermaid-svg-rb8f4HxMndTeoq2r .crit2,#mermaid-svg-rb8f4HxMndTeoq2r .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-rb8f4HxMndTeoq2r .activeCrit0,#mermaid-svg-rb8f4HxMndTeoq2r .activeCrit1,#mermaid-svg-rb8f4HxMndTeoq2r .activeCrit2,#mermaid-svg-rb8f4HxMndTeoq2r .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-rb8f4HxMndTeoq2r .doneCrit0,#mermaid-svg-rb8f4HxMndTeoq2r .doneCrit1,#mermaid-svg-rb8f4HxMndTeoq2r .doneCrit2,#mermaid-svg-rb8f4HxMndTeoq2r .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-rb8f4HxMndTeoq2r .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-rb8f4HxMndTeoq2r .milestoneText{font-style:italic}#mermaid-svg-rb8f4HxMndTeoq2r .doneCritText0,#mermaid-svg-rb8f4HxMndTeoq2r .doneCritText1,#mermaid-svg-rb8f4HxMndTeoq2r .doneCritText2,#mermaid-svg-rb8f4HxMndTeoq2r .doneCritText3{fill:#000 !important}#mermaid-svg-rb8f4HxMndTeoq2r .activeCritText0,#mermaid-svg-rb8f4HxMndTeoq2r .activeCritText1,#mermaid-svg-rb8f4HxMndTeoq2r .activeCritText2,#mermaid-svg-rb8f4HxMndTeoq2r .activeCritText3{fill:#000 !important}#mermaid-svg-rb8f4HxMndTeoq2r .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-rb8f4HxMndTeoq2r g.classGroup text .title{font-weight:bolder}#mermaid-svg-rb8f4HxMndTeoq2r g.clickable{cursor:pointer}#mermaid-svg-rb8f4HxMndTeoq2r g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-rb8f4HxMndTeoq2r g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-rb8f4HxMndTeoq2r .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-rb8f4HxMndTeoq2r .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-rb8f4HxMndTeoq2r .dashed-line{stroke-dasharray:3}#mermaid-svg-rb8f4HxMndTeoq2r #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r .commit-id,#mermaid-svg-rb8f4HxMndTeoq2r .commit-msg,#mermaid-svg-rb8f4HxMndTeoq2r .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-rb8f4HxMndTeoq2r g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-rb8f4HxMndTeoq2r g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-rb8f4HxMndTeoq2r g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-rb8f4HxMndTeoq2r .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-rb8f4HxMndTeoq2r .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-rb8f4HxMndTeoq2r .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-rb8f4HxMndTeoq2r .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-rb8f4HxMndTeoq2r .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-rb8f4HxMndTeoq2r .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-rb8f4HxMndTeoq2r .edgeLabel text{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-rb8f4HxMndTeoq2r .node circle.state-start{fill:black;stroke:black}#mermaid-svg-rb8f4HxMndTeoq2r .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-rb8f4HxMndTeoq2r #statediagram-barbEnd{fill:#9370db}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-state .divider{stroke:#9370db}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-rb8f4HxMndTeoq2r .note-edge{stroke-dasharray:5}#mermaid-svg-rb8f4HxMndTeoq2r .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-rb8f4HxMndTeoq2r .error-icon{fill:#522}#mermaid-svg-rb8f4HxMndTeoq2r .error-text{fill:#522;stroke:#522}#mermaid-svg-rb8f4HxMndTeoq2r .edge-thickness-normal{stroke-width:2px}#mermaid-svg-rb8f4HxMndTeoq2r .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-rb8f4HxMndTeoq2r .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-rb8f4HxMndTeoq2r .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-rb8f4HxMndTeoq2r .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-rb8f4HxMndTeoq2r .marker{fill:#333}#mermaid-svg-rb8f4HxMndTeoq2r .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-rb8f4HxMndTeoq2r {color: rgba(0, 0, 0, 0.75);font: ;}

This is the text in the box

2.3菱形——代表判断

graph LR
C{decision}
#mermaid-svg-UkskONKHSGa7fwsZ .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-UkskONKHSGa7fwsZ .label text{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .node rect,#mermaid-svg-UkskONKHSGa7fwsZ .node circle,#mermaid-svg-UkskONKHSGa7fwsZ .node ellipse,#mermaid-svg-UkskONKHSGa7fwsZ .node polygon,#mermaid-svg-UkskONKHSGa7fwsZ .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-UkskONKHSGa7fwsZ .node .label{text-align:center;fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .node.clickable{cursor:pointer}#mermaid-svg-UkskONKHSGa7fwsZ .arrowheadPath{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-UkskONKHSGa7fwsZ .flowchart-link{stroke:#333;fill:none}#mermaid-svg-UkskONKHSGa7fwsZ .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-UkskONKHSGa7fwsZ .edgeLabel rect{opacity:0.9}#mermaid-svg-UkskONKHSGa7fwsZ .edgeLabel span{color:#333}#mermaid-svg-UkskONKHSGa7fwsZ .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-UkskONKHSGa7fwsZ .cluster text{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-UkskONKHSGa7fwsZ .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-UkskONKHSGa7fwsZ text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-UkskONKHSGa7fwsZ .actor-line{stroke:grey}#mermaid-svg-UkskONKHSGa7fwsZ .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-UkskONKHSGa7fwsZ .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-UkskONKHSGa7fwsZ #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-UkskONKHSGa7fwsZ .sequenceNumber{fill:#fff}#mermaid-svg-UkskONKHSGa7fwsZ #sequencenumber{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ #crosshead path{fill:#333;stroke:#333}#mermaid-svg-UkskONKHSGa7fwsZ .messageText{fill:#333;stroke:#333}#mermaid-svg-UkskONKHSGa7fwsZ .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-UkskONKHSGa7fwsZ .labelText,#mermaid-svg-UkskONKHSGa7fwsZ .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-UkskONKHSGa7fwsZ .loopText,#mermaid-svg-UkskONKHSGa7fwsZ .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-UkskONKHSGa7fwsZ .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-UkskONKHSGa7fwsZ .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-UkskONKHSGa7fwsZ .noteText,#mermaid-svg-UkskONKHSGa7fwsZ .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-UkskONKHSGa7fwsZ .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-UkskONKHSGa7fwsZ .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-UkskONKHSGa7fwsZ .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-UkskONKHSGa7fwsZ .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .section{stroke:none;opacity:0.2}#mermaid-svg-UkskONKHSGa7fwsZ .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-UkskONKHSGa7fwsZ .section2{fill:#fff400}#mermaid-svg-UkskONKHSGa7fwsZ .section1,#mermaid-svg-UkskONKHSGa7fwsZ .section3{fill:#fff;opacity:0.2}#mermaid-svg-UkskONKHSGa7fwsZ .sectionTitle0{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .sectionTitle1{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .sectionTitle2{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .sectionTitle3{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-UkskONKHSGa7fwsZ .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .grid path{stroke-width:0}#mermaid-svg-UkskONKHSGa7fwsZ .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-UkskONKHSGa7fwsZ .task{stroke-width:2}#mermaid-svg-UkskONKHSGa7fwsZ .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .taskText:not([font-size]){font-size:11px}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-UkskONKHSGa7fwsZ .task.clickable{cursor:pointer}#mermaid-svg-UkskONKHSGa7fwsZ .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-UkskONKHSGa7fwsZ .taskText0,#mermaid-svg-UkskONKHSGa7fwsZ .taskText1,#mermaid-svg-UkskONKHSGa7fwsZ .taskText2,#mermaid-svg-UkskONKHSGa7fwsZ .taskText3{fill:#fff}#mermaid-svg-UkskONKHSGa7fwsZ .task0,#mermaid-svg-UkskONKHSGa7fwsZ .task1,#mermaid-svg-UkskONKHSGa7fwsZ .task2,#mermaid-svg-UkskONKHSGa7fwsZ .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutside0,#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutside2{fill:#000}#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutside1,#mermaid-svg-UkskONKHSGa7fwsZ .taskTextOutside3{fill:#000}#mermaid-svg-UkskONKHSGa7fwsZ .active0,#mermaid-svg-UkskONKHSGa7fwsZ .active1,#mermaid-svg-UkskONKHSGa7fwsZ .active2,#mermaid-svg-UkskONKHSGa7fwsZ .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-UkskONKHSGa7fwsZ .activeText0,#mermaid-svg-UkskONKHSGa7fwsZ .activeText1,#mermaid-svg-UkskONKHSGa7fwsZ .activeText2,#mermaid-svg-UkskONKHSGa7fwsZ .activeText3{fill:#000 !important}#mermaid-svg-UkskONKHSGa7fwsZ .done0,#mermaid-svg-UkskONKHSGa7fwsZ .done1,#mermaid-svg-UkskONKHSGa7fwsZ .done2,#mermaid-svg-UkskONKHSGa7fwsZ .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-UkskONKHSGa7fwsZ .doneText0,#mermaid-svg-UkskONKHSGa7fwsZ .doneText1,#mermaid-svg-UkskONKHSGa7fwsZ .doneText2,#mermaid-svg-UkskONKHSGa7fwsZ .doneText3{fill:#000 !important}#mermaid-svg-UkskONKHSGa7fwsZ .crit0,#mermaid-svg-UkskONKHSGa7fwsZ .crit1,#mermaid-svg-UkskONKHSGa7fwsZ .crit2,#mermaid-svg-UkskONKHSGa7fwsZ .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-UkskONKHSGa7fwsZ .activeCrit0,#mermaid-svg-UkskONKHSGa7fwsZ .activeCrit1,#mermaid-svg-UkskONKHSGa7fwsZ .activeCrit2,#mermaid-svg-UkskONKHSGa7fwsZ .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-UkskONKHSGa7fwsZ .doneCrit0,#mermaid-svg-UkskONKHSGa7fwsZ .doneCrit1,#mermaid-svg-UkskONKHSGa7fwsZ .doneCrit2,#mermaid-svg-UkskONKHSGa7fwsZ .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-UkskONKHSGa7fwsZ .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-UkskONKHSGa7fwsZ .milestoneText{font-style:italic}#mermaid-svg-UkskONKHSGa7fwsZ .doneCritText0,#mermaid-svg-UkskONKHSGa7fwsZ .doneCritText1,#mermaid-svg-UkskONKHSGa7fwsZ .doneCritText2,#mermaid-svg-UkskONKHSGa7fwsZ .doneCritText3{fill:#000 !important}#mermaid-svg-UkskONKHSGa7fwsZ .activeCritText0,#mermaid-svg-UkskONKHSGa7fwsZ .activeCritText1,#mermaid-svg-UkskONKHSGa7fwsZ .activeCritText2,#mermaid-svg-UkskONKHSGa7fwsZ .activeCritText3{fill:#000 !important}#mermaid-svg-UkskONKHSGa7fwsZ .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-UkskONKHSGa7fwsZ g.classGroup text .title{font-weight:bolder}#mermaid-svg-UkskONKHSGa7fwsZ g.clickable{cursor:pointer}#mermaid-svg-UkskONKHSGa7fwsZ g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-UkskONKHSGa7fwsZ g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-UkskONKHSGa7fwsZ .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-UkskONKHSGa7fwsZ .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-UkskONKHSGa7fwsZ .dashed-line{stroke-dasharray:3}#mermaid-svg-UkskONKHSGa7fwsZ #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ .commit-id,#mermaid-svg-UkskONKHSGa7fwsZ .commit-msg,#mermaid-svg-UkskONKHSGa7fwsZ .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-UkskONKHSGa7fwsZ g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-UkskONKHSGa7fwsZ g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-UkskONKHSGa7fwsZ g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-UkskONKHSGa7fwsZ .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-UkskONKHSGa7fwsZ .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-UkskONKHSGa7fwsZ .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-UkskONKHSGa7fwsZ .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-UkskONKHSGa7fwsZ .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-UkskONKHSGa7fwsZ .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-UkskONKHSGa7fwsZ .edgeLabel text{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-UkskONKHSGa7fwsZ .node circle.state-start{fill:black;stroke:black}#mermaid-svg-UkskONKHSGa7fwsZ .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-UkskONKHSGa7fwsZ #statediagram-barbEnd{fill:#9370db}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-state .divider{stroke:#9370db}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-UkskONKHSGa7fwsZ .note-edge{stroke-dasharray:5}#mermaid-svg-UkskONKHSGa7fwsZ .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-UkskONKHSGa7fwsZ .error-icon{fill:#522}#mermaid-svg-UkskONKHSGa7fwsZ .error-text{fill:#522;stroke:#522}#mermaid-svg-UkskONKHSGa7fwsZ .edge-thickness-normal{stroke-width:2px}#mermaid-svg-UkskONKHSGa7fwsZ .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-UkskONKHSGa7fwsZ .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-UkskONKHSGa7fwsZ .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-UkskONKHSGa7fwsZ .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-UkskONKHSGa7fwsZ .marker{fill:#333}#mermaid-svg-UkskONKHSGa7fwsZ .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-UkskONKHSGa7fwsZ {color: rgba(0, 0, 0, 0.75);font: ;}

decision

2.4平行四边形——代表数据输入输出操作

graph TD
id1[/This is the text in the box/]
#mermaid-svg-X6YpoonDHsiFLIjh .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-X6YpoonDHsiFLIjh .label text{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .node rect,#mermaid-svg-X6YpoonDHsiFLIjh .node circle,#mermaid-svg-X6YpoonDHsiFLIjh .node ellipse,#mermaid-svg-X6YpoonDHsiFLIjh .node polygon,#mermaid-svg-X6YpoonDHsiFLIjh .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-X6YpoonDHsiFLIjh .node .label{text-align:center;fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .node.clickable{cursor:pointer}#mermaid-svg-X6YpoonDHsiFLIjh .arrowheadPath{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-X6YpoonDHsiFLIjh .flowchart-link{stroke:#333;fill:none}#mermaid-svg-X6YpoonDHsiFLIjh .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-X6YpoonDHsiFLIjh .edgeLabel rect{opacity:0.9}#mermaid-svg-X6YpoonDHsiFLIjh .edgeLabel span{color:#333}#mermaid-svg-X6YpoonDHsiFLIjh .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-X6YpoonDHsiFLIjh .cluster text{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-X6YpoonDHsiFLIjh .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-X6YpoonDHsiFLIjh text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-X6YpoonDHsiFLIjh .actor-line{stroke:grey}#mermaid-svg-X6YpoonDHsiFLIjh .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-X6YpoonDHsiFLIjh .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-X6YpoonDHsiFLIjh #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-X6YpoonDHsiFLIjh .sequenceNumber{fill:#fff}#mermaid-svg-X6YpoonDHsiFLIjh #sequencenumber{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh #crosshead path{fill:#333;stroke:#333}#mermaid-svg-X6YpoonDHsiFLIjh .messageText{fill:#333;stroke:#333}#mermaid-svg-X6YpoonDHsiFLIjh .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-X6YpoonDHsiFLIjh .labelText,#mermaid-svg-X6YpoonDHsiFLIjh .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-X6YpoonDHsiFLIjh .loopText,#mermaid-svg-X6YpoonDHsiFLIjh .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-X6YpoonDHsiFLIjh .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-X6YpoonDHsiFLIjh .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-X6YpoonDHsiFLIjh .noteText,#mermaid-svg-X6YpoonDHsiFLIjh .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-X6YpoonDHsiFLIjh .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-X6YpoonDHsiFLIjh .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-X6YpoonDHsiFLIjh .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-X6YpoonDHsiFLIjh .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .section{stroke:none;opacity:0.2}#mermaid-svg-X6YpoonDHsiFLIjh .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-X6YpoonDHsiFLIjh .section2{fill:#fff400}#mermaid-svg-X6YpoonDHsiFLIjh .section1,#mermaid-svg-X6YpoonDHsiFLIjh .section3{fill:#fff;opacity:0.2}#mermaid-svg-X6YpoonDHsiFLIjh .sectionTitle0{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .sectionTitle1{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .sectionTitle2{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .sectionTitle3{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-X6YpoonDHsiFLIjh .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .grid path{stroke-width:0}#mermaid-svg-X6YpoonDHsiFLIjh .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-X6YpoonDHsiFLIjh .task{stroke-width:2}#mermaid-svg-X6YpoonDHsiFLIjh .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .taskText:not([font-size]){font-size:11px}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-X6YpoonDHsiFLIjh .task.clickable{cursor:pointer}#mermaid-svg-X6YpoonDHsiFLIjh .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-X6YpoonDHsiFLIjh .taskText0,#mermaid-svg-X6YpoonDHsiFLIjh .taskText1,#mermaid-svg-X6YpoonDHsiFLIjh .taskText2,#mermaid-svg-X6YpoonDHsiFLIjh .taskText3{fill:#fff}#mermaid-svg-X6YpoonDHsiFLIjh .task0,#mermaid-svg-X6YpoonDHsiFLIjh .task1,#mermaid-svg-X6YpoonDHsiFLIjh .task2,#mermaid-svg-X6YpoonDHsiFLIjh .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutside0,#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutside2{fill:#000}#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutside1,#mermaid-svg-X6YpoonDHsiFLIjh .taskTextOutside3{fill:#000}#mermaid-svg-X6YpoonDHsiFLIjh .active0,#mermaid-svg-X6YpoonDHsiFLIjh .active1,#mermaid-svg-X6YpoonDHsiFLIjh .active2,#mermaid-svg-X6YpoonDHsiFLIjh .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-X6YpoonDHsiFLIjh .activeText0,#mermaid-svg-X6YpoonDHsiFLIjh .activeText1,#mermaid-svg-X6YpoonDHsiFLIjh .activeText2,#mermaid-svg-X6YpoonDHsiFLIjh .activeText3{fill:#000 !important}#mermaid-svg-X6YpoonDHsiFLIjh .done0,#mermaid-svg-X6YpoonDHsiFLIjh .done1,#mermaid-svg-X6YpoonDHsiFLIjh .done2,#mermaid-svg-X6YpoonDHsiFLIjh .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-X6YpoonDHsiFLIjh .doneText0,#mermaid-svg-X6YpoonDHsiFLIjh .doneText1,#mermaid-svg-X6YpoonDHsiFLIjh .doneText2,#mermaid-svg-X6YpoonDHsiFLIjh .doneText3{fill:#000 !important}#mermaid-svg-X6YpoonDHsiFLIjh .crit0,#mermaid-svg-X6YpoonDHsiFLIjh .crit1,#mermaid-svg-X6YpoonDHsiFLIjh .crit2,#mermaid-svg-X6YpoonDHsiFLIjh .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-X6YpoonDHsiFLIjh .activeCrit0,#mermaid-svg-X6YpoonDHsiFLIjh .activeCrit1,#mermaid-svg-X6YpoonDHsiFLIjh .activeCrit2,#mermaid-svg-X6YpoonDHsiFLIjh .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-X6YpoonDHsiFLIjh .doneCrit0,#mermaid-svg-X6YpoonDHsiFLIjh .doneCrit1,#mermaid-svg-X6YpoonDHsiFLIjh .doneCrit2,#mermaid-svg-X6YpoonDHsiFLIjh .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-X6YpoonDHsiFLIjh .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-X6YpoonDHsiFLIjh .milestoneText{font-style:italic}#mermaid-svg-X6YpoonDHsiFLIjh .doneCritText0,#mermaid-svg-X6YpoonDHsiFLIjh .doneCritText1,#mermaid-svg-X6YpoonDHsiFLIjh .doneCritText2,#mermaid-svg-X6YpoonDHsiFLIjh .doneCritText3{fill:#000 !important}#mermaid-svg-X6YpoonDHsiFLIjh .activeCritText0,#mermaid-svg-X6YpoonDHsiFLIjh .activeCritText1,#mermaid-svg-X6YpoonDHsiFLIjh .activeCritText2,#mermaid-svg-X6YpoonDHsiFLIjh .activeCritText3{fill:#000 !important}#mermaid-svg-X6YpoonDHsiFLIjh .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-X6YpoonDHsiFLIjh g.classGroup text .title{font-weight:bolder}#mermaid-svg-X6YpoonDHsiFLIjh g.clickable{cursor:pointer}#mermaid-svg-X6YpoonDHsiFLIjh g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-X6YpoonDHsiFLIjh g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-X6YpoonDHsiFLIjh .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-X6YpoonDHsiFLIjh .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-X6YpoonDHsiFLIjh .dashed-line{stroke-dasharray:3}#mermaid-svg-X6YpoonDHsiFLIjh #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh .commit-id,#mermaid-svg-X6YpoonDHsiFLIjh .commit-msg,#mermaid-svg-X6YpoonDHsiFLIjh .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-X6YpoonDHsiFLIjh g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-X6YpoonDHsiFLIjh g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-X6YpoonDHsiFLIjh g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-X6YpoonDHsiFLIjh .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-X6YpoonDHsiFLIjh .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-X6YpoonDHsiFLIjh .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-X6YpoonDHsiFLIjh .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-X6YpoonDHsiFLIjh .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-X6YpoonDHsiFLIjh .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-X6YpoonDHsiFLIjh .edgeLabel text{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-X6YpoonDHsiFLIjh .node circle.state-start{fill:black;stroke:black}#mermaid-svg-X6YpoonDHsiFLIjh .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-X6YpoonDHsiFLIjh #statediagram-barbEnd{fill:#9370db}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-state .divider{stroke:#9370db}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-X6YpoonDHsiFLIjh .note-edge{stroke-dasharray:5}#mermaid-svg-X6YpoonDHsiFLIjh .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-X6YpoonDHsiFLIjh .error-icon{fill:#522}#mermaid-svg-X6YpoonDHsiFLIjh .error-text{fill:#522;stroke:#522}#mermaid-svg-X6YpoonDHsiFLIjh .edge-thickness-normal{stroke-width:2px}#mermaid-svg-X6YpoonDHsiFLIjh .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-X6YpoonDHsiFLIjh .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-X6YpoonDHsiFLIjh .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-X6YpoonDHsiFLIjh .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-X6YpoonDHsiFLIjh .marker{fill:#333}#mermaid-svg-X6YpoonDHsiFLIjh .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-X6YpoonDHsiFLIjh {color: rgba(0, 0, 0, 0.75);font: ;}

This is the text in the box

3.连线类型

  连线类型也只介绍几种基本类型,分别为有无箭头连线、有无注释连线以及虚线连接线。

3.1单箭头无注释连线

graph LR
A-->B
#mermaid-svg-qK20YAIvD51yMK8N .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-qK20YAIvD51yMK8N .label text{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .node rect,#mermaid-svg-qK20YAIvD51yMK8N .node circle,#mermaid-svg-qK20YAIvD51yMK8N .node ellipse,#mermaid-svg-qK20YAIvD51yMK8N .node polygon,#mermaid-svg-qK20YAIvD51yMK8N .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-qK20YAIvD51yMK8N .node .label{text-align:center;fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .node.clickable{cursor:pointer}#mermaid-svg-qK20YAIvD51yMK8N .arrowheadPath{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-qK20YAIvD51yMK8N .flowchart-link{stroke:#333;fill:none}#mermaid-svg-qK20YAIvD51yMK8N .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-qK20YAIvD51yMK8N .edgeLabel rect{opacity:0.9}#mermaid-svg-qK20YAIvD51yMK8N .edgeLabel span{color:#333}#mermaid-svg-qK20YAIvD51yMK8N .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-qK20YAIvD51yMK8N .cluster text{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-qK20YAIvD51yMK8N .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-qK20YAIvD51yMK8N text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-qK20YAIvD51yMK8N .actor-line{stroke:grey}#mermaid-svg-qK20YAIvD51yMK8N .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-qK20YAIvD51yMK8N .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-qK20YAIvD51yMK8N #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-qK20YAIvD51yMK8N .sequenceNumber{fill:#fff}#mermaid-svg-qK20YAIvD51yMK8N #sequencenumber{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N #crosshead path{fill:#333;stroke:#333}#mermaid-svg-qK20YAIvD51yMK8N .messageText{fill:#333;stroke:#333}#mermaid-svg-qK20YAIvD51yMK8N .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-qK20YAIvD51yMK8N .labelText,#mermaid-svg-qK20YAIvD51yMK8N .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-qK20YAIvD51yMK8N .loopText,#mermaid-svg-qK20YAIvD51yMK8N .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-qK20YAIvD51yMK8N .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-qK20YAIvD51yMK8N .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-qK20YAIvD51yMK8N .noteText,#mermaid-svg-qK20YAIvD51yMK8N .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-qK20YAIvD51yMK8N .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-qK20YAIvD51yMK8N .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-qK20YAIvD51yMK8N .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-qK20YAIvD51yMK8N .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .section{stroke:none;opacity:0.2}#mermaid-svg-qK20YAIvD51yMK8N .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-qK20YAIvD51yMK8N .section2{fill:#fff400}#mermaid-svg-qK20YAIvD51yMK8N .section1,#mermaid-svg-qK20YAIvD51yMK8N .section3{fill:#fff;opacity:0.2}#mermaid-svg-qK20YAIvD51yMK8N .sectionTitle0{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .sectionTitle1{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .sectionTitle2{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .sectionTitle3{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-qK20YAIvD51yMK8N .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .grid path{stroke-width:0}#mermaid-svg-qK20YAIvD51yMK8N .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-qK20YAIvD51yMK8N .task{stroke-width:2}#mermaid-svg-qK20YAIvD51yMK8N .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .taskText:not([font-size]){font-size:11px}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-qK20YAIvD51yMK8N .task.clickable{cursor:pointer}#mermaid-svg-qK20YAIvD51yMK8N .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-qK20YAIvD51yMK8N .taskText0,#mermaid-svg-qK20YAIvD51yMK8N .taskText1,#mermaid-svg-qK20YAIvD51yMK8N .taskText2,#mermaid-svg-qK20YAIvD51yMK8N .taskText3{fill:#fff}#mermaid-svg-qK20YAIvD51yMK8N .task0,#mermaid-svg-qK20YAIvD51yMK8N .task1,#mermaid-svg-qK20YAIvD51yMK8N .task2,#mermaid-svg-qK20YAIvD51yMK8N .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutside0,#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutside2{fill:#000}#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutside1,#mermaid-svg-qK20YAIvD51yMK8N .taskTextOutside3{fill:#000}#mermaid-svg-qK20YAIvD51yMK8N .active0,#mermaid-svg-qK20YAIvD51yMK8N .active1,#mermaid-svg-qK20YAIvD51yMK8N .active2,#mermaid-svg-qK20YAIvD51yMK8N .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-qK20YAIvD51yMK8N .activeText0,#mermaid-svg-qK20YAIvD51yMK8N .activeText1,#mermaid-svg-qK20YAIvD51yMK8N .activeText2,#mermaid-svg-qK20YAIvD51yMK8N .activeText3{fill:#000 !important}#mermaid-svg-qK20YAIvD51yMK8N .done0,#mermaid-svg-qK20YAIvD51yMK8N .done1,#mermaid-svg-qK20YAIvD51yMK8N .done2,#mermaid-svg-qK20YAIvD51yMK8N .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-qK20YAIvD51yMK8N .doneText0,#mermaid-svg-qK20YAIvD51yMK8N .doneText1,#mermaid-svg-qK20YAIvD51yMK8N .doneText2,#mermaid-svg-qK20YAIvD51yMK8N .doneText3{fill:#000 !important}#mermaid-svg-qK20YAIvD51yMK8N .crit0,#mermaid-svg-qK20YAIvD51yMK8N .crit1,#mermaid-svg-qK20YAIvD51yMK8N .crit2,#mermaid-svg-qK20YAIvD51yMK8N .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-qK20YAIvD51yMK8N .activeCrit0,#mermaid-svg-qK20YAIvD51yMK8N .activeCrit1,#mermaid-svg-qK20YAIvD51yMK8N .activeCrit2,#mermaid-svg-qK20YAIvD51yMK8N .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-qK20YAIvD51yMK8N .doneCrit0,#mermaid-svg-qK20YAIvD51yMK8N .doneCrit1,#mermaid-svg-qK20YAIvD51yMK8N .doneCrit2,#mermaid-svg-qK20YAIvD51yMK8N .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-qK20YAIvD51yMK8N .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-qK20YAIvD51yMK8N .milestoneText{font-style:italic}#mermaid-svg-qK20YAIvD51yMK8N .doneCritText0,#mermaid-svg-qK20YAIvD51yMK8N .doneCritText1,#mermaid-svg-qK20YAIvD51yMK8N .doneCritText2,#mermaid-svg-qK20YAIvD51yMK8N .doneCritText3{fill:#000 !important}#mermaid-svg-qK20YAIvD51yMK8N .activeCritText0,#mermaid-svg-qK20YAIvD51yMK8N .activeCritText1,#mermaid-svg-qK20YAIvD51yMK8N .activeCritText2,#mermaid-svg-qK20YAIvD51yMK8N .activeCritText3{fill:#000 !important}#mermaid-svg-qK20YAIvD51yMK8N .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-qK20YAIvD51yMK8N g.classGroup text .title{font-weight:bolder}#mermaid-svg-qK20YAIvD51yMK8N g.clickable{cursor:pointer}#mermaid-svg-qK20YAIvD51yMK8N g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-qK20YAIvD51yMK8N g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-qK20YAIvD51yMK8N .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-qK20YAIvD51yMK8N .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-qK20YAIvD51yMK8N .dashed-line{stroke-dasharray:3}#mermaid-svg-qK20YAIvD51yMK8N #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N .commit-id,#mermaid-svg-qK20YAIvD51yMK8N .commit-msg,#mermaid-svg-qK20YAIvD51yMK8N .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-qK20YAIvD51yMK8N g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-qK20YAIvD51yMK8N g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-qK20YAIvD51yMK8N g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-qK20YAIvD51yMK8N .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-qK20YAIvD51yMK8N .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-qK20YAIvD51yMK8N .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-qK20YAIvD51yMK8N .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-qK20YAIvD51yMK8N .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-qK20YAIvD51yMK8N .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-qK20YAIvD51yMK8N .edgeLabel text{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-qK20YAIvD51yMK8N .node circle.state-start{fill:black;stroke:black}#mermaid-svg-qK20YAIvD51yMK8N .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-qK20YAIvD51yMK8N #statediagram-barbEnd{fill:#9370db}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-state .divider{stroke:#9370db}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-qK20YAIvD51yMK8N .note-edge{stroke-dasharray:5}#mermaid-svg-qK20YAIvD51yMK8N .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-qK20YAIvD51yMK8N .error-icon{fill:#522}#mermaid-svg-qK20YAIvD51yMK8N .error-text{fill:#522;stroke:#522}#mermaid-svg-qK20YAIvD51yMK8N .edge-thickness-normal{stroke-width:2px}#mermaid-svg-qK20YAIvD51yMK8N .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-qK20YAIvD51yMK8N .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-qK20YAIvD51yMK8N .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-qK20YAIvD51yMK8N .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-qK20YAIvD51yMK8N .marker{fill:#333}#mermaid-svg-qK20YAIvD51yMK8N .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-qK20YAIvD51yMK8N {color: rgba(0, 0, 0, 0.75);font: ;}

A
B

3.2无箭头无注释连线

graph LR
A --- B
#mermaid-svg-lsKVWnCxr6FljtNc .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-lsKVWnCxr6FljtNc .label text{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .node rect,#mermaid-svg-lsKVWnCxr6FljtNc .node circle,#mermaid-svg-lsKVWnCxr6FljtNc .node ellipse,#mermaid-svg-lsKVWnCxr6FljtNc .node polygon,#mermaid-svg-lsKVWnCxr6FljtNc .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-lsKVWnCxr6FljtNc .node .label{text-align:center;fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .node.clickable{cursor:pointer}#mermaid-svg-lsKVWnCxr6FljtNc .arrowheadPath{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-lsKVWnCxr6FljtNc .flowchart-link{stroke:#333;fill:none}#mermaid-svg-lsKVWnCxr6FljtNc .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-lsKVWnCxr6FljtNc .edgeLabel rect{opacity:0.9}#mermaid-svg-lsKVWnCxr6FljtNc .edgeLabel span{color:#333}#mermaid-svg-lsKVWnCxr6FljtNc .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-lsKVWnCxr6FljtNc .cluster text{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-lsKVWnCxr6FljtNc .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-lsKVWnCxr6FljtNc text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-lsKVWnCxr6FljtNc .actor-line{stroke:grey}#mermaid-svg-lsKVWnCxr6FljtNc .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-lsKVWnCxr6FljtNc .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-lsKVWnCxr6FljtNc #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-lsKVWnCxr6FljtNc .sequenceNumber{fill:#fff}#mermaid-svg-lsKVWnCxr6FljtNc #sequencenumber{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc #crosshead path{fill:#333;stroke:#333}#mermaid-svg-lsKVWnCxr6FljtNc .messageText{fill:#333;stroke:#333}#mermaid-svg-lsKVWnCxr6FljtNc .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-lsKVWnCxr6FljtNc .labelText,#mermaid-svg-lsKVWnCxr6FljtNc .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-lsKVWnCxr6FljtNc .loopText,#mermaid-svg-lsKVWnCxr6FljtNc .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-lsKVWnCxr6FljtNc .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-lsKVWnCxr6FljtNc .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-lsKVWnCxr6FljtNc .noteText,#mermaid-svg-lsKVWnCxr6FljtNc .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-lsKVWnCxr6FljtNc .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-lsKVWnCxr6FljtNc .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-lsKVWnCxr6FljtNc .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-lsKVWnCxr6FljtNc .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .section{stroke:none;opacity:0.2}#mermaid-svg-lsKVWnCxr6FljtNc .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-lsKVWnCxr6FljtNc .section2{fill:#fff400}#mermaid-svg-lsKVWnCxr6FljtNc .section1,#mermaid-svg-lsKVWnCxr6FljtNc .section3{fill:#fff;opacity:0.2}#mermaid-svg-lsKVWnCxr6FljtNc .sectionTitle0{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .sectionTitle1{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .sectionTitle2{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .sectionTitle3{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-lsKVWnCxr6FljtNc .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .grid path{stroke-width:0}#mermaid-svg-lsKVWnCxr6FljtNc .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-lsKVWnCxr6FljtNc .task{stroke-width:2}#mermaid-svg-lsKVWnCxr6FljtNc .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .taskText:not([font-size]){font-size:11px}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-lsKVWnCxr6FljtNc .task.clickable{cursor:pointer}#mermaid-svg-lsKVWnCxr6FljtNc .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-lsKVWnCxr6FljtNc .taskText0,#mermaid-svg-lsKVWnCxr6FljtNc .taskText1,#mermaid-svg-lsKVWnCxr6FljtNc .taskText2,#mermaid-svg-lsKVWnCxr6FljtNc .taskText3{fill:#fff}#mermaid-svg-lsKVWnCxr6FljtNc .task0,#mermaid-svg-lsKVWnCxr6FljtNc .task1,#mermaid-svg-lsKVWnCxr6FljtNc .task2,#mermaid-svg-lsKVWnCxr6FljtNc .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutside0,#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutside2{fill:#000}#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutside1,#mermaid-svg-lsKVWnCxr6FljtNc .taskTextOutside3{fill:#000}#mermaid-svg-lsKVWnCxr6FljtNc .active0,#mermaid-svg-lsKVWnCxr6FljtNc .active1,#mermaid-svg-lsKVWnCxr6FljtNc .active2,#mermaid-svg-lsKVWnCxr6FljtNc .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-lsKVWnCxr6FljtNc .activeText0,#mermaid-svg-lsKVWnCxr6FljtNc .activeText1,#mermaid-svg-lsKVWnCxr6FljtNc .activeText2,#mermaid-svg-lsKVWnCxr6FljtNc .activeText3{fill:#000 !important}#mermaid-svg-lsKVWnCxr6FljtNc .done0,#mermaid-svg-lsKVWnCxr6FljtNc .done1,#mermaid-svg-lsKVWnCxr6FljtNc .done2,#mermaid-svg-lsKVWnCxr6FljtNc .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-lsKVWnCxr6FljtNc .doneText0,#mermaid-svg-lsKVWnCxr6FljtNc .doneText1,#mermaid-svg-lsKVWnCxr6FljtNc .doneText2,#mermaid-svg-lsKVWnCxr6FljtNc .doneText3{fill:#000 !important}#mermaid-svg-lsKVWnCxr6FljtNc .crit0,#mermaid-svg-lsKVWnCxr6FljtNc .crit1,#mermaid-svg-lsKVWnCxr6FljtNc .crit2,#mermaid-svg-lsKVWnCxr6FljtNc .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-lsKVWnCxr6FljtNc .activeCrit0,#mermaid-svg-lsKVWnCxr6FljtNc .activeCrit1,#mermaid-svg-lsKVWnCxr6FljtNc .activeCrit2,#mermaid-svg-lsKVWnCxr6FljtNc .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-lsKVWnCxr6FljtNc .doneCrit0,#mermaid-svg-lsKVWnCxr6FljtNc .doneCrit1,#mermaid-svg-lsKVWnCxr6FljtNc .doneCrit2,#mermaid-svg-lsKVWnCxr6FljtNc .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-lsKVWnCxr6FljtNc .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-lsKVWnCxr6FljtNc .milestoneText{font-style:italic}#mermaid-svg-lsKVWnCxr6FljtNc .doneCritText0,#mermaid-svg-lsKVWnCxr6FljtNc .doneCritText1,#mermaid-svg-lsKVWnCxr6FljtNc .doneCritText2,#mermaid-svg-lsKVWnCxr6FljtNc .doneCritText3{fill:#000 !important}#mermaid-svg-lsKVWnCxr6FljtNc .activeCritText0,#mermaid-svg-lsKVWnCxr6FljtNc .activeCritText1,#mermaid-svg-lsKVWnCxr6FljtNc .activeCritText2,#mermaid-svg-lsKVWnCxr6FljtNc .activeCritText3{fill:#000 !important}#mermaid-svg-lsKVWnCxr6FljtNc .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-lsKVWnCxr6FljtNc g.classGroup text .title{font-weight:bolder}#mermaid-svg-lsKVWnCxr6FljtNc g.clickable{cursor:pointer}#mermaid-svg-lsKVWnCxr6FljtNc g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-lsKVWnCxr6FljtNc g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-lsKVWnCxr6FljtNc .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-lsKVWnCxr6FljtNc .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-lsKVWnCxr6FljtNc .dashed-line{stroke-dasharray:3}#mermaid-svg-lsKVWnCxr6FljtNc #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc .commit-id,#mermaid-svg-lsKVWnCxr6FljtNc .commit-msg,#mermaid-svg-lsKVWnCxr6FljtNc .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-lsKVWnCxr6FljtNc g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-lsKVWnCxr6FljtNc g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-lsKVWnCxr6FljtNc g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-lsKVWnCxr6FljtNc .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-lsKVWnCxr6FljtNc .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-lsKVWnCxr6FljtNc .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-lsKVWnCxr6FljtNc .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-lsKVWnCxr6FljtNc .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-lsKVWnCxr6FljtNc .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-lsKVWnCxr6FljtNc .edgeLabel text{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-lsKVWnCxr6FljtNc .node circle.state-start{fill:black;stroke:black}#mermaid-svg-lsKVWnCxr6FljtNc .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-lsKVWnCxr6FljtNc #statediagram-barbEnd{fill:#9370db}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-state .divider{stroke:#9370db}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-lsKVWnCxr6FljtNc .note-edge{stroke-dasharray:5}#mermaid-svg-lsKVWnCxr6FljtNc .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-lsKVWnCxr6FljtNc .error-icon{fill:#522}#mermaid-svg-lsKVWnCxr6FljtNc .error-text{fill:#522;stroke:#522}#mermaid-svg-lsKVWnCxr6FljtNc .edge-thickness-normal{stroke-width:2px}#mermaid-svg-lsKVWnCxr6FljtNc .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-lsKVWnCxr6FljtNc .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-lsKVWnCxr6FljtNc .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-lsKVWnCxr6FljtNc .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-lsKVWnCxr6FljtNc .marker{fill:#333}#mermaid-svg-lsKVWnCxr6FljtNc .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-lsKVWnCxr6FljtNc {color: rgba(0, 0, 0, 0.75);font: ;}

A
B

3.3单箭头有注释连线

graph LR
A-- text -->B
#mermaid-svg-6x7oKMGsUznsxdbM .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-6x7oKMGsUznsxdbM .label text{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .node rect,#mermaid-svg-6x7oKMGsUznsxdbM .node circle,#mermaid-svg-6x7oKMGsUznsxdbM .node ellipse,#mermaid-svg-6x7oKMGsUznsxdbM .node polygon,#mermaid-svg-6x7oKMGsUznsxdbM .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6x7oKMGsUznsxdbM .node .label{text-align:center;fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .node.clickable{cursor:pointer}#mermaid-svg-6x7oKMGsUznsxdbM .arrowheadPath{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-6x7oKMGsUznsxdbM .flowchart-link{stroke:#333;fill:none}#mermaid-svg-6x7oKMGsUznsxdbM .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-6x7oKMGsUznsxdbM .edgeLabel rect{opacity:0.9}#mermaid-svg-6x7oKMGsUznsxdbM .edgeLabel span{color:#333}#mermaid-svg-6x7oKMGsUznsxdbM .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-6x7oKMGsUznsxdbM .cluster text{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-6x7oKMGsUznsxdbM .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6x7oKMGsUznsxdbM text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-6x7oKMGsUznsxdbM .actor-line{stroke:grey}#mermaid-svg-6x7oKMGsUznsxdbM .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-6x7oKMGsUznsxdbM .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-6x7oKMGsUznsxdbM #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-6x7oKMGsUznsxdbM .sequenceNumber{fill:#fff}#mermaid-svg-6x7oKMGsUznsxdbM #sequencenumber{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM #crosshead path{fill:#333;stroke:#333}#mermaid-svg-6x7oKMGsUznsxdbM .messageText{fill:#333;stroke:#333}#mermaid-svg-6x7oKMGsUznsxdbM .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-6x7oKMGsUznsxdbM .labelText,#mermaid-svg-6x7oKMGsUznsxdbM .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-6x7oKMGsUznsxdbM .loopText,#mermaid-svg-6x7oKMGsUznsxdbM .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-6x7oKMGsUznsxdbM .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-6x7oKMGsUznsxdbM .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6x7oKMGsUznsxdbM .noteText,#mermaid-svg-6x7oKMGsUznsxdbM .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-6x7oKMGsUznsxdbM .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-6x7oKMGsUznsxdbM .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-6x7oKMGsUznsxdbM .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-6x7oKMGsUznsxdbM .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .section{stroke:none;opacity:0.2}#mermaid-svg-6x7oKMGsUznsxdbM .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-6x7oKMGsUznsxdbM .section2{fill:#fff400}#mermaid-svg-6x7oKMGsUznsxdbM .section1,#mermaid-svg-6x7oKMGsUznsxdbM .section3{fill:#fff;opacity:0.2}#mermaid-svg-6x7oKMGsUznsxdbM .sectionTitle0{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .sectionTitle1{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .sectionTitle2{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .sectionTitle3{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-6x7oKMGsUznsxdbM .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .grid path{stroke-width:0}#mermaid-svg-6x7oKMGsUznsxdbM .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-6x7oKMGsUznsxdbM .task{stroke-width:2}#mermaid-svg-6x7oKMGsUznsxdbM .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .taskText:not([font-size]){font-size:11px}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-6x7oKMGsUznsxdbM .task.clickable{cursor:pointer}#mermaid-svg-6x7oKMGsUznsxdbM .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-6x7oKMGsUznsxdbM .taskText0,#mermaid-svg-6x7oKMGsUznsxdbM .taskText1,#mermaid-svg-6x7oKMGsUznsxdbM .taskText2,#mermaid-svg-6x7oKMGsUznsxdbM .taskText3{fill:#fff}#mermaid-svg-6x7oKMGsUznsxdbM .task0,#mermaid-svg-6x7oKMGsUznsxdbM .task1,#mermaid-svg-6x7oKMGsUznsxdbM .task2,#mermaid-svg-6x7oKMGsUznsxdbM .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutside0,#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutside2{fill:#000}#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutside1,#mermaid-svg-6x7oKMGsUznsxdbM .taskTextOutside3{fill:#000}#mermaid-svg-6x7oKMGsUznsxdbM .active0,#mermaid-svg-6x7oKMGsUznsxdbM .active1,#mermaid-svg-6x7oKMGsUznsxdbM .active2,#mermaid-svg-6x7oKMGsUznsxdbM .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-6x7oKMGsUznsxdbM .activeText0,#mermaid-svg-6x7oKMGsUznsxdbM .activeText1,#mermaid-svg-6x7oKMGsUznsxdbM .activeText2,#mermaid-svg-6x7oKMGsUznsxdbM .activeText3{fill:#000 !important}#mermaid-svg-6x7oKMGsUznsxdbM .done0,#mermaid-svg-6x7oKMGsUznsxdbM .done1,#mermaid-svg-6x7oKMGsUznsxdbM .done2,#mermaid-svg-6x7oKMGsUznsxdbM .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-6x7oKMGsUznsxdbM .doneText0,#mermaid-svg-6x7oKMGsUznsxdbM .doneText1,#mermaid-svg-6x7oKMGsUznsxdbM .doneText2,#mermaid-svg-6x7oKMGsUznsxdbM .doneText3{fill:#000 !important}#mermaid-svg-6x7oKMGsUznsxdbM .crit0,#mermaid-svg-6x7oKMGsUznsxdbM .crit1,#mermaid-svg-6x7oKMGsUznsxdbM .crit2,#mermaid-svg-6x7oKMGsUznsxdbM .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-6x7oKMGsUznsxdbM .activeCrit0,#mermaid-svg-6x7oKMGsUznsxdbM .activeCrit1,#mermaid-svg-6x7oKMGsUznsxdbM .activeCrit2,#mermaid-svg-6x7oKMGsUznsxdbM .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-6x7oKMGsUznsxdbM .doneCrit0,#mermaid-svg-6x7oKMGsUznsxdbM .doneCrit1,#mermaid-svg-6x7oKMGsUznsxdbM .doneCrit2,#mermaid-svg-6x7oKMGsUznsxdbM .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-6x7oKMGsUznsxdbM .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-6x7oKMGsUznsxdbM .milestoneText{font-style:italic}#mermaid-svg-6x7oKMGsUznsxdbM .doneCritText0,#mermaid-svg-6x7oKMGsUznsxdbM .doneCritText1,#mermaid-svg-6x7oKMGsUznsxdbM .doneCritText2,#mermaid-svg-6x7oKMGsUznsxdbM .doneCritText3{fill:#000 !important}#mermaid-svg-6x7oKMGsUznsxdbM .activeCritText0,#mermaid-svg-6x7oKMGsUznsxdbM .activeCritText1,#mermaid-svg-6x7oKMGsUznsxdbM .activeCritText2,#mermaid-svg-6x7oKMGsUznsxdbM .activeCritText3{fill:#000 !important}#mermaid-svg-6x7oKMGsUznsxdbM .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-6x7oKMGsUznsxdbM g.classGroup text .title{font-weight:bolder}#mermaid-svg-6x7oKMGsUznsxdbM g.clickable{cursor:pointer}#mermaid-svg-6x7oKMGsUznsxdbM g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6x7oKMGsUznsxdbM g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-6x7oKMGsUznsxdbM .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-6x7oKMGsUznsxdbM .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6x7oKMGsUznsxdbM .dashed-line{stroke-dasharray:3}#mermaid-svg-6x7oKMGsUznsxdbM #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM .commit-id,#mermaid-svg-6x7oKMGsUznsxdbM .commit-msg,#mermaid-svg-6x7oKMGsUznsxdbM .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-6x7oKMGsUznsxdbM g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-6x7oKMGsUznsxdbM g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-6x7oKMGsUznsxdbM g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-6x7oKMGsUznsxdbM .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-6x7oKMGsUznsxdbM .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-6x7oKMGsUznsxdbM .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-6x7oKMGsUznsxdbM .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-6x7oKMGsUznsxdbM .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-6x7oKMGsUznsxdbM .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-6x7oKMGsUznsxdbM .edgeLabel text{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-6x7oKMGsUznsxdbM .node circle.state-start{fill:black;stroke:black}#mermaid-svg-6x7oKMGsUznsxdbM .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-6x7oKMGsUznsxdbM #statediagram-barbEnd{fill:#9370db}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-state .divider{stroke:#9370db}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-6x7oKMGsUznsxdbM .note-edge{stroke-dasharray:5}#mermaid-svg-6x7oKMGsUznsxdbM .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-6x7oKMGsUznsxdbM .error-icon{fill:#522}#mermaid-svg-6x7oKMGsUznsxdbM .error-text{fill:#522;stroke:#522}#mermaid-svg-6x7oKMGsUznsxdbM .edge-thickness-normal{stroke-width:2px}#mermaid-svg-6x7oKMGsUznsxdbM .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-6x7oKMGsUznsxdbM .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-6x7oKMGsUznsxdbM .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-6x7oKMGsUznsxdbM .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-6x7oKMGsUznsxdbM .marker{fill:#333}#mermaid-svg-6x7oKMGsUznsxdbM .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-6x7oKMGsUznsxdbM {color: rgba(0, 0, 0, 0.75);font: ;}

text
A
B

3.4无箭头有注释连线

graph LR
A-- This is the text! ---B
#mermaid-svg-clr39LyqbpGhlq6u .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-clr39LyqbpGhlq6u .label text{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .node rect,#mermaid-svg-clr39LyqbpGhlq6u .node circle,#mermaid-svg-clr39LyqbpGhlq6u .node ellipse,#mermaid-svg-clr39LyqbpGhlq6u .node polygon,#mermaid-svg-clr39LyqbpGhlq6u .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-clr39LyqbpGhlq6u .node .label{text-align:center;fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .node.clickable{cursor:pointer}#mermaid-svg-clr39LyqbpGhlq6u .arrowheadPath{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-clr39LyqbpGhlq6u .flowchart-link{stroke:#333;fill:none}#mermaid-svg-clr39LyqbpGhlq6u .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-clr39LyqbpGhlq6u .edgeLabel rect{opacity:0.9}#mermaid-svg-clr39LyqbpGhlq6u .edgeLabel span{color:#333}#mermaid-svg-clr39LyqbpGhlq6u .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-clr39LyqbpGhlq6u .cluster text{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-clr39LyqbpGhlq6u .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-clr39LyqbpGhlq6u text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-clr39LyqbpGhlq6u .actor-line{stroke:grey}#mermaid-svg-clr39LyqbpGhlq6u .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-clr39LyqbpGhlq6u .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-clr39LyqbpGhlq6u #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-clr39LyqbpGhlq6u .sequenceNumber{fill:#fff}#mermaid-svg-clr39LyqbpGhlq6u #sequencenumber{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u #crosshead path{fill:#333;stroke:#333}#mermaid-svg-clr39LyqbpGhlq6u .messageText{fill:#333;stroke:#333}#mermaid-svg-clr39LyqbpGhlq6u .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-clr39LyqbpGhlq6u .labelText,#mermaid-svg-clr39LyqbpGhlq6u .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-clr39LyqbpGhlq6u .loopText,#mermaid-svg-clr39LyqbpGhlq6u .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-clr39LyqbpGhlq6u .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-clr39LyqbpGhlq6u .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-clr39LyqbpGhlq6u .noteText,#mermaid-svg-clr39LyqbpGhlq6u .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-clr39LyqbpGhlq6u .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-clr39LyqbpGhlq6u .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-clr39LyqbpGhlq6u .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-clr39LyqbpGhlq6u .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .section{stroke:none;opacity:0.2}#mermaid-svg-clr39LyqbpGhlq6u .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-clr39LyqbpGhlq6u .section2{fill:#fff400}#mermaid-svg-clr39LyqbpGhlq6u .section1,#mermaid-svg-clr39LyqbpGhlq6u .section3{fill:#fff;opacity:0.2}#mermaid-svg-clr39LyqbpGhlq6u .sectionTitle0{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .sectionTitle1{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .sectionTitle2{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .sectionTitle3{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-clr39LyqbpGhlq6u .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .grid path{stroke-width:0}#mermaid-svg-clr39LyqbpGhlq6u .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-clr39LyqbpGhlq6u .task{stroke-width:2}#mermaid-svg-clr39LyqbpGhlq6u .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .taskText:not([font-size]){font-size:11px}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-clr39LyqbpGhlq6u .task.clickable{cursor:pointer}#mermaid-svg-clr39LyqbpGhlq6u .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-clr39LyqbpGhlq6u .taskText0,#mermaid-svg-clr39LyqbpGhlq6u .taskText1,#mermaid-svg-clr39LyqbpGhlq6u .taskText2,#mermaid-svg-clr39LyqbpGhlq6u .taskText3{fill:#fff}#mermaid-svg-clr39LyqbpGhlq6u .task0,#mermaid-svg-clr39LyqbpGhlq6u .task1,#mermaid-svg-clr39LyqbpGhlq6u .task2,#mermaid-svg-clr39LyqbpGhlq6u .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutside0,#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutside2{fill:#000}#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutside1,#mermaid-svg-clr39LyqbpGhlq6u .taskTextOutside3{fill:#000}#mermaid-svg-clr39LyqbpGhlq6u .active0,#mermaid-svg-clr39LyqbpGhlq6u .active1,#mermaid-svg-clr39LyqbpGhlq6u .active2,#mermaid-svg-clr39LyqbpGhlq6u .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-clr39LyqbpGhlq6u .activeText0,#mermaid-svg-clr39LyqbpGhlq6u .activeText1,#mermaid-svg-clr39LyqbpGhlq6u .activeText2,#mermaid-svg-clr39LyqbpGhlq6u .activeText3{fill:#000 !important}#mermaid-svg-clr39LyqbpGhlq6u .done0,#mermaid-svg-clr39LyqbpGhlq6u .done1,#mermaid-svg-clr39LyqbpGhlq6u .done2,#mermaid-svg-clr39LyqbpGhlq6u .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-clr39LyqbpGhlq6u .doneText0,#mermaid-svg-clr39LyqbpGhlq6u .doneText1,#mermaid-svg-clr39LyqbpGhlq6u .doneText2,#mermaid-svg-clr39LyqbpGhlq6u .doneText3{fill:#000 !important}#mermaid-svg-clr39LyqbpGhlq6u .crit0,#mermaid-svg-clr39LyqbpGhlq6u .crit1,#mermaid-svg-clr39LyqbpGhlq6u .crit2,#mermaid-svg-clr39LyqbpGhlq6u .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-clr39LyqbpGhlq6u .activeCrit0,#mermaid-svg-clr39LyqbpGhlq6u .activeCrit1,#mermaid-svg-clr39LyqbpGhlq6u .activeCrit2,#mermaid-svg-clr39LyqbpGhlq6u .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-clr39LyqbpGhlq6u .doneCrit0,#mermaid-svg-clr39LyqbpGhlq6u .doneCrit1,#mermaid-svg-clr39LyqbpGhlq6u .doneCrit2,#mermaid-svg-clr39LyqbpGhlq6u .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-clr39LyqbpGhlq6u .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-clr39LyqbpGhlq6u .milestoneText{font-style:italic}#mermaid-svg-clr39LyqbpGhlq6u .doneCritText0,#mermaid-svg-clr39LyqbpGhlq6u .doneCritText1,#mermaid-svg-clr39LyqbpGhlq6u .doneCritText2,#mermaid-svg-clr39LyqbpGhlq6u .doneCritText3{fill:#000 !important}#mermaid-svg-clr39LyqbpGhlq6u .activeCritText0,#mermaid-svg-clr39LyqbpGhlq6u .activeCritText1,#mermaid-svg-clr39LyqbpGhlq6u .activeCritText2,#mermaid-svg-clr39LyqbpGhlq6u .activeCritText3{fill:#000 !important}#mermaid-svg-clr39LyqbpGhlq6u .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-clr39LyqbpGhlq6u g.classGroup text .title{font-weight:bolder}#mermaid-svg-clr39LyqbpGhlq6u g.clickable{cursor:pointer}#mermaid-svg-clr39LyqbpGhlq6u g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-clr39LyqbpGhlq6u g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-clr39LyqbpGhlq6u .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-clr39LyqbpGhlq6u .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-clr39LyqbpGhlq6u .dashed-line{stroke-dasharray:3}#mermaid-svg-clr39LyqbpGhlq6u #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u .commit-id,#mermaid-svg-clr39LyqbpGhlq6u .commit-msg,#mermaid-svg-clr39LyqbpGhlq6u .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-clr39LyqbpGhlq6u g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-clr39LyqbpGhlq6u g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-clr39LyqbpGhlq6u g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-clr39LyqbpGhlq6u .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-clr39LyqbpGhlq6u .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-clr39LyqbpGhlq6u .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-clr39LyqbpGhlq6u .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-clr39LyqbpGhlq6u .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-clr39LyqbpGhlq6u .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-clr39LyqbpGhlq6u .edgeLabel text{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-clr39LyqbpGhlq6u .node circle.state-start{fill:black;stroke:black}#mermaid-svg-clr39LyqbpGhlq6u .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-clr39LyqbpGhlq6u #statediagram-barbEnd{fill:#9370db}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-state .divider{stroke:#9370db}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-clr39LyqbpGhlq6u .note-edge{stroke-dasharray:5}#mermaid-svg-clr39LyqbpGhlq6u .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-clr39LyqbpGhlq6u .error-icon{fill:#522}#mermaid-svg-clr39LyqbpGhlq6u .error-text{fill:#522;stroke:#522}#mermaid-svg-clr39LyqbpGhlq6u .edge-thickness-normal{stroke-width:2px}#mermaid-svg-clr39LyqbpGhlq6u .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-clr39LyqbpGhlq6u .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-clr39LyqbpGhlq6u .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-clr39LyqbpGhlq6u .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-clr39LyqbpGhlq6u .marker{fill:#333}#mermaid-svg-clr39LyqbpGhlq6u .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-clr39LyqbpGhlq6u {color: rgba(0, 0, 0, 0.75);font: ;}

This is the text!
A
B

3.5虚线有注释连线

 graph LRA-. text .-> B
#mermaid-svg-q0yz3oIASBzP3au9 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-q0yz3oIASBzP3au9 .label text{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .node rect,#mermaid-svg-q0yz3oIASBzP3au9 .node circle,#mermaid-svg-q0yz3oIASBzP3au9 .node ellipse,#mermaid-svg-q0yz3oIASBzP3au9 .node polygon,#mermaid-svg-q0yz3oIASBzP3au9 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-q0yz3oIASBzP3au9 .node .label{text-align:center;fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .node.clickable{cursor:pointer}#mermaid-svg-q0yz3oIASBzP3au9 .arrowheadPath{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-q0yz3oIASBzP3au9 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-q0yz3oIASBzP3au9 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-q0yz3oIASBzP3au9 .edgeLabel rect{opacity:0.9}#mermaid-svg-q0yz3oIASBzP3au9 .edgeLabel span{color:#333}#mermaid-svg-q0yz3oIASBzP3au9 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-q0yz3oIASBzP3au9 .cluster text{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-q0yz3oIASBzP3au9 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-q0yz3oIASBzP3au9 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-q0yz3oIASBzP3au9 .actor-line{stroke:grey}#mermaid-svg-q0yz3oIASBzP3au9 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-q0yz3oIASBzP3au9 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-q0yz3oIASBzP3au9 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-q0yz3oIASBzP3au9 .sequenceNumber{fill:#fff}#mermaid-svg-q0yz3oIASBzP3au9 #sequencenumber{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-q0yz3oIASBzP3au9 .messageText{fill:#333;stroke:#333}#mermaid-svg-q0yz3oIASBzP3au9 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-q0yz3oIASBzP3au9 .labelText,#mermaid-svg-q0yz3oIASBzP3au9 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-q0yz3oIASBzP3au9 .loopText,#mermaid-svg-q0yz3oIASBzP3au9 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-q0yz3oIASBzP3au9 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-q0yz3oIASBzP3au9 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-q0yz3oIASBzP3au9 .noteText,#mermaid-svg-q0yz3oIASBzP3au9 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-q0yz3oIASBzP3au9 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-q0yz3oIASBzP3au9 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-q0yz3oIASBzP3au9 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-q0yz3oIASBzP3au9 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .section{stroke:none;opacity:0.2}#mermaid-svg-q0yz3oIASBzP3au9 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-q0yz3oIASBzP3au9 .section2{fill:#fff400}#mermaid-svg-q0yz3oIASBzP3au9 .section1,#mermaid-svg-q0yz3oIASBzP3au9 .section3{fill:#fff;opacity:0.2}#mermaid-svg-q0yz3oIASBzP3au9 .sectionTitle0{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .sectionTitle1{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .sectionTitle2{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .sectionTitle3{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-q0yz3oIASBzP3au9 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .grid path{stroke-width:0}#mermaid-svg-q0yz3oIASBzP3au9 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-q0yz3oIASBzP3au9 .task{stroke-width:2}#mermaid-svg-q0yz3oIASBzP3au9 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .taskText:not([font-size]){font-size:11px}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-q0yz3oIASBzP3au9 .task.clickable{cursor:pointer}#mermaid-svg-q0yz3oIASBzP3au9 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-q0yz3oIASBzP3au9 .taskText0,#mermaid-svg-q0yz3oIASBzP3au9 .taskText1,#mermaid-svg-q0yz3oIASBzP3au9 .taskText2,#mermaid-svg-q0yz3oIASBzP3au9 .taskText3{fill:#fff}#mermaid-svg-q0yz3oIASBzP3au9 .task0,#mermaid-svg-q0yz3oIASBzP3au9 .task1,#mermaid-svg-q0yz3oIASBzP3au9 .task2,#mermaid-svg-q0yz3oIASBzP3au9 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutside0,#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutside2{fill:#000}#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutside1,#mermaid-svg-q0yz3oIASBzP3au9 .taskTextOutside3{fill:#000}#mermaid-svg-q0yz3oIASBzP3au9 .active0,#mermaid-svg-q0yz3oIASBzP3au9 .active1,#mermaid-svg-q0yz3oIASBzP3au9 .active2,#mermaid-svg-q0yz3oIASBzP3au9 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-q0yz3oIASBzP3au9 .activeText0,#mermaid-svg-q0yz3oIASBzP3au9 .activeText1,#mermaid-svg-q0yz3oIASBzP3au9 .activeText2,#mermaid-svg-q0yz3oIASBzP3au9 .activeText3{fill:#000 !important}#mermaid-svg-q0yz3oIASBzP3au9 .done0,#mermaid-svg-q0yz3oIASBzP3au9 .done1,#mermaid-svg-q0yz3oIASBzP3au9 .done2,#mermaid-svg-q0yz3oIASBzP3au9 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-q0yz3oIASBzP3au9 .doneText0,#mermaid-svg-q0yz3oIASBzP3au9 .doneText1,#mermaid-svg-q0yz3oIASBzP3au9 .doneText2,#mermaid-svg-q0yz3oIASBzP3au9 .doneText3{fill:#000 !important}#mermaid-svg-q0yz3oIASBzP3au9 .crit0,#mermaid-svg-q0yz3oIASBzP3au9 .crit1,#mermaid-svg-q0yz3oIASBzP3au9 .crit2,#mermaid-svg-q0yz3oIASBzP3au9 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-q0yz3oIASBzP3au9 .activeCrit0,#mermaid-svg-q0yz3oIASBzP3au9 .activeCrit1,#mermaid-svg-q0yz3oIASBzP3au9 .activeCrit2,#mermaid-svg-q0yz3oIASBzP3au9 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-q0yz3oIASBzP3au9 .doneCrit0,#mermaid-svg-q0yz3oIASBzP3au9 .doneCrit1,#mermaid-svg-q0yz3oIASBzP3au9 .doneCrit2,#mermaid-svg-q0yz3oIASBzP3au9 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-q0yz3oIASBzP3au9 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-q0yz3oIASBzP3au9 .milestoneText{font-style:italic}#mermaid-svg-q0yz3oIASBzP3au9 .doneCritText0,#mermaid-svg-q0yz3oIASBzP3au9 .doneCritText1,#mermaid-svg-q0yz3oIASBzP3au9 .doneCritText2,#mermaid-svg-q0yz3oIASBzP3au9 .doneCritText3{fill:#000 !important}#mermaid-svg-q0yz3oIASBzP3au9 .activeCritText0,#mermaid-svg-q0yz3oIASBzP3au9 .activeCritText1,#mermaid-svg-q0yz3oIASBzP3au9 .activeCritText2,#mermaid-svg-q0yz3oIASBzP3au9 .activeCritText3{fill:#000 !important}#mermaid-svg-q0yz3oIASBzP3au9 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-q0yz3oIASBzP3au9 g.classGroup text .title{font-weight:bolder}#mermaid-svg-q0yz3oIASBzP3au9 g.clickable{cursor:pointer}#mermaid-svg-q0yz3oIASBzP3au9 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-q0yz3oIASBzP3au9 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-q0yz3oIASBzP3au9 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-q0yz3oIASBzP3au9 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-q0yz3oIASBzP3au9 .dashed-line{stroke-dasharray:3}#mermaid-svg-q0yz3oIASBzP3au9 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 .commit-id,#mermaid-svg-q0yz3oIASBzP3au9 .commit-msg,#mermaid-svg-q0yz3oIASBzP3au9 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-q0yz3oIASBzP3au9 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-q0yz3oIASBzP3au9 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-q0yz3oIASBzP3au9 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-q0yz3oIASBzP3au9 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-q0yz3oIASBzP3au9 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-q0yz3oIASBzP3au9 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-q0yz3oIASBzP3au9 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-q0yz3oIASBzP3au9 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-q0yz3oIASBzP3au9 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-q0yz3oIASBzP3au9 .edgeLabel text{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-q0yz3oIASBzP3au9 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-q0yz3oIASBzP3au9 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-q0yz3oIASBzP3au9 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-q0yz3oIASBzP3au9 .note-edge{stroke-dasharray:5}#mermaid-svg-q0yz3oIASBzP3au9 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-q0yz3oIASBzP3au9 .error-icon{fill:#522}#mermaid-svg-q0yz3oIASBzP3au9 .error-text{fill:#522;stroke:#522}#mermaid-svg-q0yz3oIASBzP3au9 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-q0yz3oIASBzP3au9 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-q0yz3oIASBzP3au9 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-q0yz3oIASBzP3au9 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-q0yz3oIASBzP3au9 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-q0yz3oIASBzP3au9 .marker{fill:#333}#mermaid-svg-q0yz3oIASBzP3au9 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-q0yz3oIASBzP3au9 {color: rgba(0, 0, 0, 0.75);font: ;}

text
A
B

3.6虚线无注释连线

graph LR;
A-.->B;
#mermaid-svg-FxHDB0pYIIlJcDx9 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .label text{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .node rect,#mermaid-svg-FxHDB0pYIIlJcDx9 .node circle,#mermaid-svg-FxHDB0pYIIlJcDx9 .node ellipse,#mermaid-svg-FxHDB0pYIIlJcDx9 .node polygon,#mermaid-svg-FxHDB0pYIIlJcDx9 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-FxHDB0pYIIlJcDx9 .node .label{text-align:center;fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .node.clickable{cursor:pointer}#mermaid-svg-FxHDB0pYIIlJcDx9 .arrowheadPath{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-FxHDB0pYIIlJcDx9 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-FxHDB0pYIIlJcDx9 .edgeLabel rect{opacity:0.9}#mermaid-svg-FxHDB0pYIIlJcDx9 .edgeLabel span{color:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-FxHDB0pYIIlJcDx9 .cluster text{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-FxHDB0pYIIlJcDx9 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-FxHDB0pYIIlJcDx9 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .actor-line{stroke:grey}#mermaid-svg-FxHDB0pYIIlJcDx9 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .sequenceNumber{fill:#fff}#mermaid-svg-FxHDB0pYIIlJcDx9 #sequencenumber{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .messageText{fill:#333;stroke:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-FxHDB0pYIIlJcDx9 .labelText,#mermaid-svg-FxHDB0pYIIlJcDx9 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .loopText,#mermaid-svg-FxHDB0pYIIlJcDx9 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-FxHDB0pYIIlJcDx9 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-FxHDB0pYIIlJcDx9 .noteText,#mermaid-svg-FxHDB0pYIIlJcDx9 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-FxHDB0pYIIlJcDx9 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-FxHDB0pYIIlJcDx9 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-FxHDB0pYIIlJcDx9 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .section{stroke:none;opacity:0.2}#mermaid-svg-FxHDB0pYIIlJcDx9 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-FxHDB0pYIIlJcDx9 .section2{fill:#fff400}#mermaid-svg-FxHDB0pYIIlJcDx9 .section1,#mermaid-svg-FxHDB0pYIIlJcDx9 .section3{fill:#fff;opacity:0.2}#mermaid-svg-FxHDB0pYIIlJcDx9 .sectionTitle0{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .sectionTitle1{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .sectionTitle2{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .sectionTitle3{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-FxHDB0pYIIlJcDx9 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .grid path{stroke-width:0}#mermaid-svg-FxHDB0pYIIlJcDx9 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-FxHDB0pYIIlJcDx9 .task{stroke-width:2}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText:not([font-size]){font-size:11px}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-FxHDB0pYIIlJcDx9 .task.clickable{cursor:pointer}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText0,#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText1,#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText2,#mermaid-svg-FxHDB0pYIIlJcDx9 .taskText3{fill:#fff}#mermaid-svg-FxHDB0pYIIlJcDx9 .task0,#mermaid-svg-FxHDB0pYIIlJcDx9 .task1,#mermaid-svg-FxHDB0pYIIlJcDx9 .task2,#mermaid-svg-FxHDB0pYIIlJcDx9 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutside0,#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutside2{fill:#000}#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutside1,#mermaid-svg-FxHDB0pYIIlJcDx9 .taskTextOutside3{fill:#000}#mermaid-svg-FxHDB0pYIIlJcDx9 .active0,#mermaid-svg-FxHDB0pYIIlJcDx9 .active1,#mermaid-svg-FxHDB0pYIIlJcDx9 .active2,#mermaid-svg-FxHDB0pYIIlJcDx9 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-FxHDB0pYIIlJcDx9 .activeText0,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeText1,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeText2,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeText3{fill:#000 !important}#mermaid-svg-FxHDB0pYIIlJcDx9 .done0,#mermaid-svg-FxHDB0pYIIlJcDx9 .done1,#mermaid-svg-FxHDB0pYIIlJcDx9 .done2,#mermaid-svg-FxHDB0pYIIlJcDx9 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-FxHDB0pYIIlJcDx9 .doneText0,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneText1,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneText2,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneText3{fill:#000 !important}#mermaid-svg-FxHDB0pYIIlJcDx9 .crit0,#mermaid-svg-FxHDB0pYIIlJcDx9 .crit1,#mermaid-svg-FxHDB0pYIIlJcDx9 .crit2,#mermaid-svg-FxHDB0pYIIlJcDx9 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCrit0,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCrit1,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCrit2,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCrit0,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCrit1,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCrit2,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-FxHDB0pYIIlJcDx9 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-FxHDB0pYIIlJcDx9 .milestoneText{font-style:italic}#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCritText0,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCritText1,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCritText2,#mermaid-svg-FxHDB0pYIIlJcDx9 .doneCritText3{fill:#000 !important}#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCritText0,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCritText1,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCritText2,#mermaid-svg-FxHDB0pYIIlJcDx9 .activeCritText3{fill:#000 !important}#mermaid-svg-FxHDB0pYIIlJcDx9 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-FxHDB0pYIIlJcDx9 g.classGroup text .title{font-weight:bolder}#mermaid-svg-FxHDB0pYIIlJcDx9 g.clickable{cursor:pointer}#mermaid-svg-FxHDB0pYIIlJcDx9 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-FxHDB0pYIIlJcDx9 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-FxHDB0pYIIlJcDx9 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-FxHDB0pYIIlJcDx9 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .dashed-line{stroke-dasharray:3}#mermaid-svg-FxHDB0pYIIlJcDx9 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 .commit-id,#mermaid-svg-FxHDB0pYIIlJcDx9 .commit-msg,#mermaid-svg-FxHDB0pYIIlJcDx9 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-FxHDB0pYIIlJcDx9 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-FxHDB0pYIIlJcDx9 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-FxHDB0pYIIlJcDx9 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-FxHDB0pYIIlJcDx9 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-FxHDB0pYIIlJcDx9 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-FxHDB0pYIIlJcDx9 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-FxHDB0pYIIlJcDx9 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-FxHDB0pYIIlJcDx9 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-FxHDB0pYIIlJcDx9 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-FxHDB0pYIIlJcDx9 .edgeLabel text{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-FxHDB0pYIIlJcDx9 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-FxHDB0pYIIlJcDx9 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-FxHDB0pYIIlJcDx9 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-FxHDB0pYIIlJcDx9 .note-edge{stroke-dasharray:5}#mermaid-svg-FxHDB0pYIIlJcDx9 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-FxHDB0pYIIlJcDx9 .error-icon{fill:#522}#mermaid-svg-FxHDB0pYIIlJcDx9 .error-text{fill:#522;stroke:#522}#mermaid-svg-FxHDB0pYIIlJcDx9 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-FxHDB0pYIIlJcDx9 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-FxHDB0pYIIlJcDx9 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-FxHDB0pYIIlJcDx9 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-FxHDB0pYIIlJcDx9 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-FxHDB0pYIIlJcDx9 .marker{fill:#333}#mermaid-svg-FxHDB0pYIIlJcDx9 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-FxHDB0pYIIlJcDx9 {color: rgba(0, 0, 0, 0.75);font: ;}

A
B

4.子图类型

  流程图中的子图由一对graphend包围,并且子图的名字跟在graph后。

graph TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
#mermaid-svg-vifRFKRjSr4hAFUC .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-vifRFKRjSr4hAFUC .label text{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .node rect,#mermaid-svg-vifRFKRjSr4hAFUC .node circle,#mermaid-svg-vifRFKRjSr4hAFUC .node ellipse,#mermaid-svg-vifRFKRjSr4hAFUC .node polygon,#mermaid-svg-vifRFKRjSr4hAFUC .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vifRFKRjSr4hAFUC .node .label{text-align:center;fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .node.clickable{cursor:pointer}#mermaid-svg-vifRFKRjSr4hAFUC .arrowheadPath{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-vifRFKRjSr4hAFUC .flowchart-link{stroke:#333;fill:none}#mermaid-svg-vifRFKRjSr4hAFUC .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-vifRFKRjSr4hAFUC .edgeLabel rect{opacity:0.9}#mermaid-svg-vifRFKRjSr4hAFUC .edgeLabel span{color:#333}#mermaid-svg-vifRFKRjSr4hAFUC .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-vifRFKRjSr4hAFUC .cluster text{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-vifRFKRjSr4hAFUC .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vifRFKRjSr4hAFUC text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-vifRFKRjSr4hAFUC .actor-line{stroke:grey}#mermaid-svg-vifRFKRjSr4hAFUC .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-vifRFKRjSr4hAFUC .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-vifRFKRjSr4hAFUC #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-vifRFKRjSr4hAFUC .sequenceNumber{fill:#fff}#mermaid-svg-vifRFKRjSr4hAFUC #sequencenumber{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC #crosshead path{fill:#333;stroke:#333}#mermaid-svg-vifRFKRjSr4hAFUC .messageText{fill:#333;stroke:#333}#mermaid-svg-vifRFKRjSr4hAFUC .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vifRFKRjSr4hAFUC .labelText,#mermaid-svg-vifRFKRjSr4hAFUC .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-vifRFKRjSr4hAFUC .loopText,#mermaid-svg-vifRFKRjSr4hAFUC .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-vifRFKRjSr4hAFUC .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-vifRFKRjSr4hAFUC .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vifRFKRjSr4hAFUC .noteText,#mermaid-svg-vifRFKRjSr4hAFUC .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-vifRFKRjSr4hAFUC .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-vifRFKRjSr4hAFUC .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-vifRFKRjSr4hAFUC .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-vifRFKRjSr4hAFUC .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .section{stroke:none;opacity:0.2}#mermaid-svg-vifRFKRjSr4hAFUC .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-vifRFKRjSr4hAFUC .section2{fill:#fff400}#mermaid-svg-vifRFKRjSr4hAFUC .section1,#mermaid-svg-vifRFKRjSr4hAFUC .section3{fill:#fff;opacity:0.2}#mermaid-svg-vifRFKRjSr4hAFUC .sectionTitle0{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .sectionTitle1{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .sectionTitle2{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .sectionTitle3{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-vifRFKRjSr4hAFUC .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .grid path{stroke-width:0}#mermaid-svg-vifRFKRjSr4hAFUC .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-vifRFKRjSr4hAFUC .task{stroke-width:2}#mermaid-svg-vifRFKRjSr4hAFUC .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .taskText:not([font-size]){font-size:11px}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-vifRFKRjSr4hAFUC .task.clickable{cursor:pointer}#mermaid-svg-vifRFKRjSr4hAFUC .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vifRFKRjSr4hAFUC .taskText0,#mermaid-svg-vifRFKRjSr4hAFUC .taskText1,#mermaid-svg-vifRFKRjSr4hAFUC .taskText2,#mermaid-svg-vifRFKRjSr4hAFUC .taskText3{fill:#fff}#mermaid-svg-vifRFKRjSr4hAFUC .task0,#mermaid-svg-vifRFKRjSr4hAFUC .task1,#mermaid-svg-vifRFKRjSr4hAFUC .task2,#mermaid-svg-vifRFKRjSr4hAFUC .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutside0,#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutside2{fill:#000}#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutside1,#mermaid-svg-vifRFKRjSr4hAFUC .taskTextOutside3{fill:#000}#mermaid-svg-vifRFKRjSr4hAFUC .active0,#mermaid-svg-vifRFKRjSr4hAFUC .active1,#mermaid-svg-vifRFKRjSr4hAFUC .active2,#mermaid-svg-vifRFKRjSr4hAFUC .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-vifRFKRjSr4hAFUC .activeText0,#mermaid-svg-vifRFKRjSr4hAFUC .activeText1,#mermaid-svg-vifRFKRjSr4hAFUC .activeText2,#mermaid-svg-vifRFKRjSr4hAFUC .activeText3{fill:#000 !important}#mermaid-svg-vifRFKRjSr4hAFUC .done0,#mermaid-svg-vifRFKRjSr4hAFUC .done1,#mermaid-svg-vifRFKRjSr4hAFUC .done2,#mermaid-svg-vifRFKRjSr4hAFUC .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-vifRFKRjSr4hAFUC .doneText0,#mermaid-svg-vifRFKRjSr4hAFUC .doneText1,#mermaid-svg-vifRFKRjSr4hAFUC .doneText2,#mermaid-svg-vifRFKRjSr4hAFUC .doneText3{fill:#000 !important}#mermaid-svg-vifRFKRjSr4hAFUC .crit0,#mermaid-svg-vifRFKRjSr4hAFUC .crit1,#mermaid-svg-vifRFKRjSr4hAFUC .crit2,#mermaid-svg-vifRFKRjSr4hAFUC .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-vifRFKRjSr4hAFUC .activeCrit0,#mermaid-svg-vifRFKRjSr4hAFUC .activeCrit1,#mermaid-svg-vifRFKRjSr4hAFUC .activeCrit2,#mermaid-svg-vifRFKRjSr4hAFUC .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-vifRFKRjSr4hAFUC .doneCrit0,#mermaid-svg-vifRFKRjSr4hAFUC .doneCrit1,#mermaid-svg-vifRFKRjSr4hAFUC .doneCrit2,#mermaid-svg-vifRFKRjSr4hAFUC .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-vifRFKRjSr4hAFUC .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-vifRFKRjSr4hAFUC .milestoneText{font-style:italic}#mermaid-svg-vifRFKRjSr4hAFUC .doneCritText0,#mermaid-svg-vifRFKRjSr4hAFUC .doneCritText1,#mermaid-svg-vifRFKRjSr4hAFUC .doneCritText2,#mermaid-svg-vifRFKRjSr4hAFUC .doneCritText3{fill:#000 !important}#mermaid-svg-vifRFKRjSr4hAFUC .activeCritText0,#mermaid-svg-vifRFKRjSr4hAFUC .activeCritText1,#mermaid-svg-vifRFKRjSr4hAFUC .activeCritText2,#mermaid-svg-vifRFKRjSr4hAFUC .activeCritText3{fill:#000 !important}#mermaid-svg-vifRFKRjSr4hAFUC .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-vifRFKRjSr4hAFUC g.classGroup text .title{font-weight:bolder}#mermaid-svg-vifRFKRjSr4hAFUC g.clickable{cursor:pointer}#mermaid-svg-vifRFKRjSr4hAFUC g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vifRFKRjSr4hAFUC g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-vifRFKRjSr4hAFUC .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-vifRFKRjSr4hAFUC .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vifRFKRjSr4hAFUC .dashed-line{stroke-dasharray:3}#mermaid-svg-vifRFKRjSr4hAFUC #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC .commit-id,#mermaid-svg-vifRFKRjSr4hAFUC .commit-msg,#mermaid-svg-vifRFKRjSr4hAFUC .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-vifRFKRjSr4hAFUC g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-vifRFKRjSr4hAFUC g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vifRFKRjSr4hAFUC g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vifRFKRjSr4hAFUC .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vifRFKRjSr4hAFUC .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-vifRFKRjSr4hAFUC .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-vifRFKRjSr4hAFUC .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vifRFKRjSr4hAFUC .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-vifRFKRjSr4hAFUC .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-vifRFKRjSr4hAFUC .edgeLabel text{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vifRFKRjSr4hAFUC .node circle.state-start{fill:black;stroke:black}#mermaid-svg-vifRFKRjSr4hAFUC .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-vifRFKRjSr4hAFUC #statediagram-barbEnd{fill:#9370db}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-state .divider{stroke:#9370db}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-vifRFKRjSr4hAFUC .note-edge{stroke-dasharray:5}#mermaid-svg-vifRFKRjSr4hAFUC .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-vifRFKRjSr4hAFUC .error-icon{fill:#522}#mermaid-svg-vifRFKRjSr4hAFUC .error-text{fill:#522;stroke:#522}#mermaid-svg-vifRFKRjSr4hAFUC .edge-thickness-normal{stroke-width:2px}#mermaid-svg-vifRFKRjSr4hAFUC .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-vifRFKRjSr4hAFUC .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-vifRFKRjSr4hAFUC .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-vifRFKRjSr4hAFUC .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-vifRFKRjSr4hAFUC .marker{fill:#333}#mermaid-svg-vifRFKRjSr4hAFUC .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-vifRFKRjSr4hAFUC {color: rgba(0, 0, 0, 0.75);font: ;}

three
two
one
c2
c1
b2
b1
a2
a1

Markdown(五)——绘图工具mermaid之流程图Flowchart相关推荐

  1. Markdown(四)——绘图工具mermaid之状态图stateDiagram

    前言:在做软件工程时经常会需要用到绘图来帮助理解软件构造,CSDN的编辑器集成了插入绘图工具mermaid,以下是对其常用语法的一些记录整理 状态图   以下是学习mermaid语法的官网:https ...

  2. 推荐一个在线绘图工具ProcessOn----支持流程图、思维导图、UML等

    我们常用来绘制流程图等的工具一版会使用visio等,但是它是一款收费软件,而且不是太易用,今天推荐一款在线绘图工具ProcessOn,不仅功能强大,而且快捷易用,还有大量优秀的模板可供使用. 邀请连接 ...

  3. 一个简单易用的编程式绘图工具mermaid

    最近在编写文档时,想在图中插入一些示意图,按原来的做法,是想用visio之类的画图软件来完成这样的工作的.不巧新装的电脑,上面没有安装visio软件.而且只是想画一些简单的树状图之类的,想想这样的工作 ...

  4. Markdown 里 mermaid 流程图(flowchart)教程

    作者: Jintao 日期:2021-7-12 简介: 未完待续 Markdown 里 mermaid 流程图flowchart教程 前言: 1.0 流程图的方向 TD LR BT RL 2.0 节点 ...

  5. markdown绘图插件----mermaid简介

    作者:黄永刚 mermaid简介 当撰写文档的时候,对于流程图的生成大多使用Visio等繁重的工具,没有一种轻便的工具能够画图从而简化文档的编写,就像markdown那样. mermaid解决这个痛点 ...

  6. markdown绘图插件 ---- mermaid简介

    mermaid简介 当撰写文档的时候,对于流程图的生成大多使用Visio等繁重的工具,没有一种轻便的工具能够画图从而简化文档的编写,就像markdown那样. mermaid解决这个痛点,这是一个类似 ...

  7. 在Markdown中用mermaid画流程图和ER图

    # 在Markdown中用mermaid画流程图 mermaid支持三种图形的绘制, 分别是流程图, 时序图和甘特图, 本篇文章只介绍了mermaid中流程图在markdown的使用. 流程图方向有下 ...

  8. wps的流程图怎么导出_还在当灵魂画手?WPS教育版“绘图工具”助你做大牛—思维导图篇...

    同样是九年义务教育,为什么Ta考前复习那么高效.教学思路如此清晰.讲演逻辑这么明了-- 傻瓜,不是因为你比他少读一年,而是你还没有安排上WPS教育版的思维导图呀~ 思维导图是一种将思维形象化的方法,能 ...

  9. confluence 制作流程图_超好用的流程图绘图工具你还没get吗?

    流程图和思维导图都是个好东西 特别是科研圈的小伙伴 为啥这么说嘞 它有四大好处 →节省沟通时间,一张图就能理清的实验思路,为啥还要花几个小时去说明: →方便验证和调整,清晰的思路能减少实验中的不少弯路 ...

最新文章

  1. as cast float server sql_SQL-Server(五)T-SQL语言
  2. diskgeniusv4.4.0_.NET Core 3.0及ASP.NET Core 3.0前瞻
  3. python点的作用-一分钟了解Python中“*”的作用
  4. Android内置第三方输入法
  5. conn.execute参数
  6. mysql的索引介绍_2
  7. 为什么单模光端机价格比多模光端机价格高
  8. android pss内存,如何释放android系统中pss cache住的内存
  9. 第45课 蝴蝶效应-动动脑 第3题 《小学生C++趣味编程》
  10. 小程序如何实现tab切换,一部到位
  11. 内容页响应母版页控件的事件
  12. APP界面设计临摹模板 |教你ui kit套件要怎么使用呢?
  13. Salesforce删除数据时出现Insufficient privileges的可能原因
  14. 华为正式发布鸿蒙OS操作系统,分布式架构首次用于终端
  15. spring boot全局统一异常处理
  16. php面试专题---1、php中变量存储及引用的原理
  17. sql vb xml 换行_vb中换行代码 vb代码输出怎么换行
  18. 【MySQL】011-多表查询
  19. 软件测试工程师必备技能
  20. Linux用户和群组管理的主要配置文件

热门文章

  1. ASIHTTPRequest報錯解決辦法
  2. 深度学习自学(六):Android人脸检测环境配置等相关问题
  3. python 二分查找函数_Python基础14_递归函数,二分查找
  4. 故事的小黄花,从CSDN那年就飘着
  5. Druid连接池链接mysql错误提示:create connection SQLException, url: jdbc:mysql://127.0.0.1:3306/bank, errorCode
  6. centos8 开启ftp服务
  7. 动画会震一下css,csshake.css强大的CSS3元素抖动动画库
  8. c++ 等待子线程结束_进程和线程
  9. mysql 对索引limit_【业务学习】关于MySQL order by limit 走错索引的探讨
  10. 基因突变PHP6,基因突变中那些“披着狼皮的羊” 很多“致命性”基因突变正在被证实无害...