问题标签 [dagre]

我正在使用 Cytoscape Dagre 扩展从左到右显示层次图。它有 14 个孩子和一个父母 1 和主要父母。我正在使用节点数计算容器的高度。然后我在创建布局后调用 fit 函数，但它不起作用。

我添加了一个适合按钮，如果我在加载图表后单击它，它就会起作用。我究竟做错了什么？我希望在图形初始化后调用拟合函数。

这是 stackblitz 链接：https ://stackblitz.com/edit/dagre-childrenconnected-fit?file=src%2Fapp%2Fapp.component.ts

您可以尝试单击 Fit 并在单击 fit 按钮时查看图表是否正确拟合，但如果刷新页面则它不起作用。

我目前正在使用 Cytoscape 创建一个包含 500 个节点的大图。我正在使用 Dagre 进行分层布局。目前，由于节点数量较多，屏幕上的图形很小，但这是有道理的

创建图表后，有没有办法专注于单个节点。或者我可以放大图表的一部分吗？

我曾尝试在 dagre 上使用动画过滤器，但它会为整个图形设置动画，并且不会聚焦或放大图形的一个节点或一部分。

也试过缩放，但我只想同时缩放一个或一组节点

我正在使用 dagre 布局在 cytoscape 中创建分层图。

问题链接：这是链接：https ://stackblitz.com/edit/cytoscape-call-method-pmydxv?file=src%2Fapp%2Fapp.component.ts

当我添加子节点时，dagre 的层次结构消失了。现在，即使没有边，它也将 Parent 2 连接到 Parent 1。当没有子节点时，dagre 工作正常，您可以在以下链接中看到：

https://stackblitz.com/edit/cytoscape-call-method-bpsacm

即使父节点中有子节点，如何确保 dagre 层次结构正常工作

我正在使用 cytoscape.js 创建一个图形，并且我在父节点内有复合节点。我想在节点顶部但在节点内部有主/父节点的标题。这在细胞景观中可能吗？

我尝试过使用 halign 和 valign。每当我使用最高值时，它都会显示在框外。

是否有一个扩展或插件可以让我们做到这一点？

子节点示例：https ://stackblitz.com/edit/cytoscape-call-method-child-efmbaj?file=src%2Fapp%2FstylesheetObject.ts

我想从图中获取 Last 节点。如何实现？

我使用React Flow创建节点，使用Degre NPM 计算节点的位置

整个节点和边都来自 api。

看起来像这样

任何形式的帮助都会很受欢迎

我有一个图表，我在其中设置了图表的动态高度，因为根据我们从后端收到的数据，图表可以有不同的高度，所以我根据节点数计算高度。

此外，我正在使用具有从左到右分层模型的 Dagre 布局，但这不适用于具有更多节点但只有一些在左侧且在右侧相等的图。

因为我还使用 cy.fit() 函数将图形拟合到容器中，但如果这样做，容器的高度会变得非常大，拟合函数会将图形放在中间，顶部有很多空白. 这种情况的最佳解决方案是什么？

示例代码链接：https ://stackblitz.com/edit/cytoscape-call-method-child-qm4acb?file=src%2Fapp%2Fapp.component.ts

在示例中，我添加了高度以更多地显示示例，但是有没有办法让 fit 函数在容器顶部而不是中间开始图形？

我有一个使用 dagre 扩展在 cytoscape.js 中制作的图表，如下所示：

如何让父节点垂直排列？由于仅对父节点应用单独的布局不起作用（它适用于所有节点），我很难过。

我有这棵树：

我想以这种格式转换数据，以便我可以使用 React-Flow 显示（此处示例：https ://reactflow.dev/examples/layouting/

这是我想要的格式：

所以最终我需要将它转换为一个数组，将所有键作为 id 并根据父/子结构找到源和目标。我会很感激任何输入，这是我当前的代码：（我认为我至少正确地获取了父级和源），问题是目标，因此是一种找到孩子的方法。

我正在尝试显示一些节点，它们下面有一些文本。但是，我无法根据节点正确放置链接。我不确定如何确定链接的起点并对其进行操作，以便我的链接从正确的位置开始。请参考以下链接： https ://stackblitz.com/edit/angular-ivy-zg2hgf

我对 D3 很陌生，并尝试使用 Dagre-D3 将多个图表放在同一页面上。

我已经成功地让它们渲染，但存在一些问题：

1. 我的图表大小不同，有些对于 svg 来说太大了，而有些则太小了。关于设置 svg 大小以适合每个人的任何建议？
2. 我希望能够缩放/平移它们中的每一个，但这仅适用于最后一个图形即使我添加更多图形，它总是只有最后一个缩放。

这是一个带有 4 个图表的代码示例。他们都渲染，但不是很好：https : //codepen.io/djangomachine/pen/wvPMZQK/https: //jsfiddle.net/3xguovqj/

（以及该示例中的单个图表）

在此示例中，您将看到我更改了每个图形的变量名称，因为当每个图形具有相同的变量名称时事情无法正常工作。希望这是一个明智的选择，但如果我做错了，请随时纠正我。

对此的任何帮助将不胜感激。