首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我能控制美人鱼的流程图方向吗?

我能控制美人鱼的流程图方向吗?
EN

Stack Overflow用户
提问于 2021-03-15 01:09:58
回答 2查看 9.1K关注 0票数 10
代码语言:javascript
运行
复制
graph LR
A-->B-->C-->D-->E-->F;
代码语言:javascript
运行
复制
graph TD
A-->B-->C-->D-->E-->F;

我喜欢用美人鱼绘制简单的图表。但流程图似乎只能是top-to-bottomleft-to-right。我是否可以对方向进行更微妙的控制,使流程图看起来更紧凑(如下面)?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-03-17 00:22:47

美人鱼的图表只知道垂直或水平布局。如果不想绘制所需的紧凑布局,可以尝试另一个文本->关系图工具,例如http://blockdiag.com/en/blockdiag/examples.html#edge-folding

如果您不想做任何设置,https://kroki.io/支持大多数文本->图表工具,包括BlockDiag。以下是BlockDiag的“折叠”示例,作为Kroki生成的图表:

https://kroki.io/blockdiag/svg/eNotjEEKwkAMRfdzir_UhfQAA4JaT1FcTE2mDAYiNK0U6d1NwM17iwdvFH2-qJUJ3wRccDrjGrgF-sA9Jy9dh6pCYJoYxbybej_0-DQRjAwpmy7GFNX0DeGVJbuqYW7ER7_8r0OsmB457T_JhySR

票数 8
EN

Stack Overflow用户

发布于 2022-06-14 00:02:25

你能得到的最接近的方法是使用subgraphs

代码语言:javascript
运行
复制
flowchart TD

subgraph Z[" "]
direction LR
  A --> B
  B --> C
end

subgraph ZA[" "]
direction RL
    D-->E
    E-->F
end

Z --> ZA

这是一个黑客,正如你所看到的C不直接连接到D。

美人鱼的意义在于这些图表是自动生成的。C到D是流动的,连接C到D的箭头是水平的还是垂直的,意义不会改变。

要连接Cto D,需要指定绝对像素坐标,这违背了自动生成图表的目的。

因此,就像现在一样,绘制这样一个静态图--美人鱼--并不适合您的用例。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66631182

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档