【问题标题】:Prevent crossing of arrows in dagre-d3防止 dagre-d3 中的箭头交叉
【发布时间】:2017-07-07 14:21:37
【问题描述】:

我最近开始使用 dagre-d3,我发现它很简洁,直到我需要制作更大的图表。该算法会导致这种情况: image here

如上所示,这两个节点应该由两个箭头连接。然而,Dagre 的算法决定跨越它们,使图变得一团糟。

关于如何预防的任何想法?

【问题讨论】:

  • 欢迎来到 StackOverlfow!请在您的问题中添加相关代码。你是如何生成图表的?
  • 您的图像真正描述了您在建模中处理的复杂性 - 然而,最好的内置库实用程序可能是 style and attribute 部分。您始终可以使用 D3 进行操作,或者 Dagre 可能不是最适合您的项目。
  • 我没有放完整的图像,因为它太大了。如果有人感兴趣,这里是一半:i.imgur.com/71OyEiE.png 代码只是添加了更多节点的演示版本。我相信 Dagre-D3 并没有像 wahwahwah 所说的那样针对如此大的图进行优化。

标签: javascript d3.js dagre-d3 dagre


【解决方案1】:

我意识到 Dagre-D3 没有优化算法来处理大型数据文件。我最终使用了viz.js,它基本上是 JavaScript 中的 Graphviz。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-03
    • 1970-01-01
    • 2011-03-13
    • 2011-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-18
    相关资源
    最近更新 更多