Mermaid子图箭头异常求助：左向箭头缺失问题

你的问题出在反向箭头的语法错误上，Mermaid对带文本的反向箭头有固定格式要求，不能混用---和<--。

错误原因 #

原代码中L[SQL] <--CSV\nfile--- DB2的写法不符合Mermaid语法规范，---是多线连接符，不能和反向箭头<--组合使用，导致箭头无法被正确解析渲染。

修正后的代码 #

如果希望保持子图LR布局，同时让两个数据源都指向SQL，有两种写法：

写法1：统一从左到右流向（更符合LR布局视觉逻辑）

flowchart TD

A((START)) -- Routes process --> LOAD

subgraph LOAD
  direction LR
  DB1[(OAG\ndata)] --CSV\nfile--> L[SQL]
  DB2[(Routes\ndata)] --CSV\nfile--> L[SQL]
end

LOAD --> E((END))

写法2：使用正确的反向箭头语法（让DB2在SQL右侧，箭头左指向SQL）

flowchart TD

A((START)) -- Routes process --> LOAD

subgraph LOAD
  direction LR
  DB1[(OAG\ndata)] --CSV\nfile--> L[SQL]
  L[SQL] <--CSV\nfile-- DB2[(Routes\ndata)]
end

LOAD --> E((END))

关键语法说明 #

• 带文本的正向箭头格式：源节点 --文本--> 目标节点
• 带文本的反向箭头格式：目标节点 <--文本-- 源节点
• 子图的direction仅控制节点布局顺序，箭头指向由箭头符号和节点的相对位置共同决定。

内容的提问来源于stack exchange，提问作者Ubercoder