Javascript d3-创建树状图-分支深度的影响

我想创建一个树状图，如本文所示。虽然我的源代码（）几乎完全相同，但它并不是最优的

我确实更改了方向（如这里所示），我没有通过json xhr加载json，而是在服务器上创建它并将其写入文档（保存一个json xhr调用）

最后，我不明白为什么它没有被正确渲染。我有以下问题：

如何影响节点的x和y位置

是否可以设置节点级别之间的距离？现在显示的图形在每个级别之间都有很宽的距离，比如说在0、1、1.1等级别之间

为什么应该在同一级别上的节点不在同一级别上渲染？例如，在我的小提琴中，节点2-我的第二个wp与节点1-我的第一个wp不在同一级别上

我有这种感觉，因为它与我的json有关，但对我来说，它看起来是正确的

添加更多节点会让人更加困惑：

及

非常感谢您的帮助

编辑：

再深入一点：

我发现，为了使同一级别的子节点在同一级别上渲染，它们的分支必须具有相同的深度。看到这把小提琴（，）获得相同的深度，看到这把小提琴（，）获得不同的深度，因此，子“优化”被渲染更深一层。我希望子“优化”与“集群”和“图形”在同一级别上呈现

---

有没有办法解决这个问题？

我找到了一个例子，可以创建一棵不同深度的树。我想这正是我想要的：