问题标签 [dagre-d3]

我有这个代码：https ://jsfiddle.net/fa765d2o/1/

（对不起，我不得不粘贴在 dagre-d3 插件中的 js 部分，不知道任何其他方法可以使它工作）

所以我使用 d3.js 和 dagre-d3 来创建一个组织结构图，这很有效。我正在努力添加一个功能来创建新的关系。

这通过单击其中一个节点并拖动到另一个节点并释放鼠标来实现，它将连接两个节点并刷新图形。

问题是在第一次之后第二次它不会工作，所以如果我将“Drone-3”连接到“Drone-7”它会工作但在那之后如果我想将“Drone-3”连接到其他任何人它不会让我，我得到“不允许”光标。

这基本上是代码的重要部分......魔术发生的地方:)

我对 SVG 很陌生，所以这可能是一个愚蠢的问题，但我想创建一个基于某些标记的 SVG 形状，例如，假设我想创建很多具有此标记的卡片：

感谢您的任何建议。

在看到 dagre-d3 相当复杂的TCP 状态图示例后，我认为它能够解析类似复杂度的图。在下图中，显然不是这种情况。如果两个标记的节点被交换，所有的交叉都将被解决。

另一个有趣的事情是，解决图形的好坏似乎取决于我设置边的顺序。

以下代码

没有给出与此相同的结果：

看这两个例子：

• 完美图
• 乱七八糟的图

正如建议的那样，我尝试使用cola.js，这就是同一张图的样子：

如您所见，colajs 在减少交叉点方面做得更好，但布局不像 dagre 那样结构化和清晰。我对 colajs 使用以下设置：

是否可以配置 colajs 使其看起来更有条理，类似于 dagre？dagre 是否根本无法解决这样的问题，或者是否有可能以某种方式对其进行配置？

我有一个图，其中边缘与这样的节点重叠

1. 我可以让边缘从节点的右中间开始，而不是像这个图像的顶部中心吗
2. 是否有任何属性可以解决此问题？

嗨，很遗憾我不能发布我的洞源代码，我也不能链接到它。

但正因为如此，如果我没有得到具体的答案，我可以，只是一些指导。

所以我的情况是这样的：

在 dagre-d3.js 和 d3.js 的帮助下，我制作了一个层次结构图。它在本地（WAMP）环境中完美运行，但是当我在运行 linux（ubuntu）的实时服务器上尝试它时，并非所有功能都正常工作。

但我不明白的是，不能 100% 工作的功能只是前端 svg 的东西，所以当我尝试这些操作时没有后端连接。

在本地，我在 wamp 和 chrome、firefox 甚至 Internet Explorer 上使用 Windows 7、8 对其进行了测试，并且每个功能都可以正常工作，当我从服务器加载它时，某些功能无法正常工作。事实是我没有收到任何错误消息，所以它不像 d3.js 或 dagre-d3.js 没有正确加载，因为它是，图形被正确渲染。

所以最后，我的问题是，是否有一些服务器端配置会干扰渲染的 SVG 图？如果没有，那么我应该从哪里开始寻找？如何甚至检查问题出在哪里？

提前感谢您的任何指导。

我使用 D3 和 dagre-d3 创建了下图。

单击节点时，我需要查找被单击节点的详细信息。所以我写了以下代码 -

var selectedNode = inner.selectAll("g.node"); selectedNode.on('click', function (d) { console.log('clicked '+d); });

但是，这只是给了我节点名称。我也想从nodesJson打印其他属性，比如'status'、'creation_date'、'performer_name'等。

有人可以建议如何去做吗？

谢谢

我正在使用 dagre-d3 并创建了这个示例图。是否可以避免标记为1的样本中的交叉问题。也许这可以将边缘连接标记到节点的底部。我不确定如何实现此功能。有人可以帮忙吗？

此外，是否可以将边缘 2、3 和 4 拉直。有足够的空间来拉直它们。我只是不知道该怎么做。

任何帮助，将不胜感激。

泽山

我已经按照 在 javascript/d3 中读取 DOT 文件的链接创建了一个树结构

我需要用颜色填充节点。

树数据：

我尝试添加

谁能建议或指出我正确的方向。

谢谢

I am using this graph http://cpettitt.github.io/project/dagre-d3/latest/demo/tcp-state-diagram.html. I need when clicked on nodes it should be directed to some web address.

I tried this:

I tried this concept : http://jsbin.com/siyorezedi/1/edit?html,css,js,output

but my nodes are not clickable and no error is thrown.

Can anyone please tell me where am I going wrong? Thanking you very much.

我想使用 dagre.js 创建可折叠的有向图。但它会生成没有点击事件的静态图。当用户单击图形节点时，我想切换节点的子节点。

任何帮助将不胜感激..