问题标签 [dagre-d3]

编辑 我找到了一个解决方案，涉及使用稍旧版本的 dagre-d3 库（4.11）。如果有人能找到最新版本的问题，那也会有所帮助。谢谢

我正在使用 Dagre d3 绘制一些图表。

当我最初渲染我的图表时，我会

然后，当用户单击某个节点时，我想将 HTML 附加到该节点的标签。除非我重新渲染图表，否则这不会显示，我使用以下方法：

我认为通过维护currentPosition，currentZoomScale我将能够确保图形在缩放和重新渲染后保持良好。但这种情况并非如此。如果我缩小，我的所有节点都会变小，如果我放大，我会变大。

我正在尝试动态更改 Dagre D3 中节点标签中的 HTML：

但是，这不起作用。我能够更改的唯一方法.unselected-node是直接访问 HTML：

这意味着我必须手动编码并将 HTML 作为字符串存储在 javascript 文件中的某个位置，这是非常不理想的。反正有动态更改标签吗？

这是有问题的 HTML，尽管问题比这个示例更通用，因为每当我尝试使用 jQuery 更改 dagre d3 html 时都会发生这种情况：

我也尝试d3.select(...)过inputTemplate使用

attr.('visibility', 'hidden')

但它似乎也不起作用。

您好，我 在 JavaScript 中使用Dagre D3渲染 Bootstrap 时遇到问题。Dagre D3 是一个基于 D3 的库。第一个问题是星形符号仅在第一个节点中，而不在第二个节点中。为什么？第二个问题是下拉菜单没有正确呈现。它仅在第一个节点中（不在第二个节点中）。当我单击下拉菜单时，不会弹出菜单。有人有解决方案吗？

我想通过单击 ctrl 和鼠标滚轮来缩放 dagre-d3 图形。如果我不按 ctrl，我希望浏览器滚动处于活动状态。当我想平移图形时，它应该可以在不单击 ctrl 的情况下工作。是否可以？我做了一个小提琴，但它不起作用。

jsfiddle

我正在使用“dagre d3”来显示依赖关系图。我还使用滑块（当用户滑动滑块时，我用它来显示图形的逐步演变），因此每次移动滑块时，都会重新绘制图形。第一次，“缩放”功能将设置如下：

如果用户放大或缩小图表然后移动滑块，我想保留缩放级别。所以让它工作，我做了以下。每当用户滑动滑块时，都会调用此方法。

即使它将缩放级别设置为以前的值，我也无法在此之后进行缩放。任何建议都会很棒。

我正在尝试读取一个如下所示的 JSON 文件：

然后，我正在迭代内容并从data.forEach函数调用内部设置节点和边缘（下面的代码）

g但是，当我迭代它时，似乎没有设置变量。如果我在匿名函数之外执行它，它会起作用。我错过了什么？

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

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

关于如何防止它的任何想法？

我正在编写一个实现 d3.js 和 dagre-d3.js 以显示有向无环图的 Julia 包。我有一个包“D3Graphs.jl”，我在其中将脚本打印到网页上。我的 julia 代码中有以下内容：

这成功地使我能够利用 d3。但是，当我尝试使用 dagre-d3.js ( https://raw.githubusercontent.com/cpettitt/dagre-d3/master/dist/dagre-d3.js ) 时，它不起作用。我有以下内容：

我使用了 rawgit 版本和 cdnjs，甚至将 https 更改为 http。我还将它上传到与我的 jypter 笔记本相同的文件夹中。还有什么我可以做的吗？谢谢！

我正在尝试将下图（dagre-d3）集成到我的 vuejs 应用程序中。

我已经成功地在 vuejs 组件中生成了图表。但我无法实现图中提供的工具提示功能。他们正在使用一个名为 Tipsy 的库，当我在纯 html 中运行图形时，它可以正常工作。但是当我在 vue 应用程序中使用时，它会抛出以下错误。

如果我评论下面的部分图生成没有任何问题，但工具提示没有显示。

当我从 jquery 选择器调用 vuejs 函数时，它不会触发。我已经在 vue 组件中集成了 d3-dagre 图表。当我为节点设置点击操作时，它不会触发 vuejs 方法。在下面的 getJobid() 没有触发。找到下面的vue组件代码，最后也报错。

Vue组件：

错误：