Typora中使用mermaid的流程图节点布局问题

Typora中使用mermaid的流程图节点布局问题


最近使用Typora写编译原理课程的作业,遇到语法分析树时就使用mermaid画,效果还不错,但是最近遇到了节点的顺序不对的问题。
对比下面两个代码段和图
图一

graph TB
a[S]-->b["("]
a-->c[T]
a-->d[")"]
c-->e[T]
c-->f[,]
c-->g[S]
g-->h[a]
e-->i[S]
i-->j["("]
i-->k[T]
i-->l[")"]
k-->m[T]
k-->n[,]
k-->p[S]
S
(
T
)
T
,
S
a
S
(
T
)
T
,
S

图二

graph TB
a[S]-->b["("]
a-->c[T]
a-->d[")"]
c-->e[T]
c-->f[,]
c-->g[S]
e-->i[S]
g-->h[a]
i-->j["("]
i-->k[T]
i-->l[")"]
k-->m[T]
k-->n[,]
k-->p[S]
S
(
T
)
T
,
S
S
a
(
T
)
T
,
S

发现只是调换的部分顺序,就导致了渲染出来的流程图布局不相同,具体原理不太明白,码在这里,希望能帮到遇到一样坑的人。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值