D3.js 如何将此d3 v3图形转换为v4?

D3.js 如何将此d3 v3图形转换为v4?,d3.js,D3.js,我一直在尝试将D3V3中的这个示例转换为v4版本,但仍然有问题。 以下是我到目前为止掌握的一些知识: 我能够对链接和节点进行console.log。我取得了一些进展,能够看到节点并单击打开和关闭连接的节点。但是看不到链接以及它们应该如何连接节点 我用以下代码替换了节点和链接声明和强制函数: // create a hierarchy from the root const treeRoot = hierarchy(root) tree(treeRoot) const nodes = flatt

我一直在尝试将D3V3中的这个示例转换为v4版本,但仍然有问题。

以下是我到目前为止掌握的一些知识:

我能够对链接和节点进行console.log。我取得了一些进展,能够看到节点并单击打开和关闭连接的节点。但是看不到链接以及它们应该如何连接节点

我用以下代码替换了节点和链接声明和强制函数:

// create a hierarchy from the root
const treeRoot = hierarchy(root)
tree(treeRoot)
const nodes = flatten(treeRoot.descendants())
const links = treeRoot.links()
var simulation = d3.forceSimulation()

我无法看到链接。

打开inspector时,DOM中是否有节点?控制台中是否有错误?尝试添加console.logstatements@RubenHelsloot我添加了一些console.logs,并且能够记录链接和节点。只是在展示它们时遇到了麻烦。@rubenhersloot提前感谢您的帮助。我已经取得了一些进展,现在可以看到节点并单击关闭已连接的节点。但是看不到连接它们的链接。这是我关于JSFIDLE的最新消息。