js-sequence-diagrams 中的错误：较大图中的文本与箭头重叠

Question

我一直在使用

js-sequence-diagrams

库在我的 Web 应用程序中动态生成序列图。这是一个很棒的库，但我在创建更大的图表时遇到了一个问题：文本似乎与箭头重叠。

这是我的代码的简化版本：

const diagram = Diagram.parse("Title: My Large Diagram\\n\\nParticipant A\\nParticipant B\\n...\\nParticipant Z\\n\\nA-\>B: Hello\\n...\\nY-\>Z: Goodbye");

diagram.drawSVG('diagram', {theme: 'simple'});

当我运行此代码时，参与者 Y 发送给 Z 的消息的文本与箭头重叠。这个问题似乎只在有很多参与者和消息时才会发生。

还有其他人遇到过这个问题吗？这个错误有解决方法或修复吗？任何见解将不胜感激。

提前感谢您的时间和帮助。

Answer 1

js-sequence-diagrams

这应该在您的消息之间创造一些额外的喘息空间，并有助于避免重叠。

请记住，这更像是一种快速解决方案，而不是永久解决方案。如果维护库的人员能够在即将到来的更新中解决这个问题，那就太好了。

希望这会有所帮助！