d3 - 创建树状图 - 子支路深度的影响

Question

我想创建一个如此example中所示的树状图。虽然我的源代码（fiddle）几乎完全相同，但output不是最优的。

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

最后我不明白为什么它没有正确呈现。我有以下问题：

1. 如何影响节点的x和y位置？
2. 是否可以设置节点级别之间的距离？现在显示的图表在每个级别之间具有非常宽的距离，例如在0,1,1.1等级之间。
3. 为什么应该在同一级别上的节点没有呈现在同一级别？例如，在我的小提琴中，节点 2 - 我的第二个wp 与节点 1 - 我的第一个wp 处于同一级别？

我觉得这与我的json有关，但对我而言看起来是正确的。

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

Source和Result

感谢任何帮助。

编辑：

更多洞察力：

我发现，为了使同一级别的子节点在同一级别上呈现，它们的子分支必须具有相同的深度。看到这个小提琴（source，result）的深度相同，并看到这个小提琴（source，result）的深度不同，因此，儿童“优化”是更深一层。我原本期望孩子“优化”呈现与“集群”和“图表”相同的水平。

有什么方法可以解决这种问题？