如何使美人鱼流程图中的流线精确到90度？

Question

我正在使用 Mermaid 创建一个简单的流程图，如下所示。我想让连接线精确到 90 度，但无法在任何地方找到文档。

可以精确到90度吗？

flowchart TD 
    B["fa:fa-twitter for peace"] 
    B-->C[fa:fa-ban forbidden] 
    B-->D(fa:fa-spinner); 
    B-->E(A fa:fa-camera-retro perhaps?); 

实际流量：

预期流量：

Answer 1

添加以下 init 编译指示。这里提供更多选项：https://mermaid-js.github.io/mermaid/#/flowchart?id=styling-line-curves

%%{ init: { 'flowchart': { 'curve': 'stepAfter' } } }%% 

参见下面的示例。请随意根据您的喜好进行调整。

%%{ init: { 'flowchart': { 'curve': 'stepAfter' } } }%%
flowchart TD
    A["A"] --- T1( )
    T1---B[B] 
    T1---C[C]
    T1---D[D]

Answer 2

Github 存储库上关于此问题的“未决问题”已经存在几个月了。目前看来不可能。

Answer 3

代码：

%%{init: {"flowchart": {"defaultRenderer": "elk"}} }%%
flowchart TD 
    B["fa:fa-twitter for peace"] 
    B-->C[fa:fa-ban forbidden] 
    B-->D(fa:fa-spinner); 
    B-->E(A fa:fa-camera-retro perhaps?); 

结果：