D3.js树图生成水平不对称节点/路径

Question

我的树视图中的大多数节点都有二进制决策路径。从每个节点延伸的“否”或下部路径不与上部节点对称地显示（它们不均匀地分支）。我不知道为什么。这是问题的片段： 这是我的jsFiddle，这将更好地解释我所拥有的对称性问题。我希望路径像here一样均匀延伸。我认为这与这段代码有关：

var diagonal = d3.svg.diagonal()
        .source(function (d) {
            return {
                "x": d.source.x + d.source.height / 2,
                "y": d.source.y + 170
            };
        })
        .target(function (d) {
            return {
                "x": d.target.x + d.target.height / 2,
                "y": d.target.y
            };
        })
        .projection(function (d) {
            return [d.y, d.x];
        });

但这似乎只能解决路径的对称性，而不是节点本身。