问题标签 [dagre-d3]

我正在使用 d3-dagre 来呈现数据。最初我可以毫无问题地渲染数据。当我尝试在监视模式下更新相同的视图时，它正在更新数据，但在控制台中仍然会抛出一些错误以进行“g”属性转换。每当我尝试重写 SVG 元素时，我都会删除“svg”标签内的“g”元素。我正在 vuejs2 ui 库中尝试这个。

错误 - 由于以下错误，新加载的数据无法缩放

在此处输入图像描述

我正在创建使用库创建的图形的快照（使用画布绘图的 PNG）。渲染（svg 和画布）与 chrome 完美配合，但在 Internet Explorer 中不显示节点上的边缘和样式。

知道我是否需要做更多的事情才能让它在 IE 中工作？截图供参考。

图像中的第一部分显示了实际的 SVG，下面的部分显示了生成的画布绘图。

节点是否可能不与边缘重叠？我使用 dagre d3 作为图表。对于节点，我使用引导程序。如果不能自动完成，我该如何手动完成？这是一个示例图。我需要一个不是专门针对 Fiddle/Image 中的图形的通用解决方案。 JS小提琴

基于此示例，我使用 dagre-d3 在 angularjs 指令中呈现图形。

它适用于节点上的简单标签：

但是当我想像这样在每个节点上呈现更多内容时：

然后每个节点的大小不适合节点内容。

经过一番谷歌搜索，我了解到节点的高度是由 dagre.core.js 计算的。我检查 lib 是否正确加载。现在，我不知道该去哪里找。有谁知道如何正确渲染节点？

我的代码通过用户动态添加一个节点来创建一个力有向图。

我的问题是添加节点后我的点击事件没有被触发：

如果我在添加节点后尝试在控制台中运行这段代码，则会触发 click 事件并且节点会更改颜色，但它本身在浏览器中不起作用。

据我了解，我应该在加载图表后运行我的点击事件，但我该怎么做呢？添加节点后，我希望能够随时触发我的单击事件，以便以后可以向其添加更多操作。

工作演示：这里

如果您使用演示：

1. 当我将上一个和下一个操作保持为“NONE”时，我从“选择一个操作”下拉列表中选择的操作会被添加。

2. 添加第一个节点后，我添加其他节点，同时提及前一个节点并将下一个节点保持为“NONE”。

3. 如果我想在中间添加一个节点，我会提到前一个节点和下一个节点（如果它们存在）。

我目前正在为我的可视化项目使用 dagre.js。这个图书馆很棒。

我到了需要创建嵌套图的地步，因此一个节点可以包含在另一个节点（父节点）中，我能够做到这一点。但是我无法从子节点到父节点绘制一条边，每当我尝试这样做时，都会出现以下错误：

未捕获的类型错误：无法设置未定义的属性“等级”。

我不知道是什么原因造成的，但如果你能帮忙，请做。

非常感谢，迈克尔

我将这个Dagre-D3演示转换为 React 组件。

我使用的代码如下所示：

当我执行此代码片段时，没有生成图表。控制台中也没有错误。我找不到原因。有什么想法有什么问题吗？

我正在使用 webpack 来构建开发和产品代码。我在 webpack.config.js 中正确添加了一个外部库，如下所示：

当然，我也正确添加了 index.html 的 src 链接，如下所示：

开发服务器工作正常，我可以毫无问题地使用该库。但是当我构建 prod 服务器时，出于某种原因，“./”被附加到“src”的头部。所以源变成了这样：

这会破坏服务器。我想知道为什么它不同。webpack.prod.config.js 和 webpack.dev.config.js 都使用 extern 加载相同的配置：

非常感谢~！

有没有一种简单的方法可以向节点添加注释或描述符？那么节点标签在节点中，但是二级描述符在节点上方还是下方？

我想我可能需要创建节点然后循环然后尝试添加描述符，但我想我会看看是否有更简单的方法。

编辑：最终做了类似于 KateJean 回答的事情。使用标签创建叠加层。

我有一个简单的图，父节点是多边形，子节点是矩形。这两个节点之间有一条边。这里的问题是，一旦我们拖动任何节点，连接到多边形的末端箭头就会丢失。谁能帮我弄清楚为什么那个末端箭头不见了。示例小提琴可在评论中找到。