この例に示すように樹状図を作成したかったのです。私のソースコード（フィドル）はほとんど同じですが、出力は最適ではありません。
向きを変更し（ここで説明）、json xhrを介してjsonをロードしませんが、サーバー上に作成してドキュメントに書き込みます（1つのjson xhr呼び出しを保存します）。
結局、なぜ正しくレンダリングされないのかわかりません。次の質問があります。
- ノードのxとyの位置にどのように影響を与えることができますか？
- ノードレベル間の距離を設定することは可能ですか？表示されているグラフは、各レベル間、たとえば0、1、1.1などのレベル間で非常に広い距離を持っています。
- 同じレベルにあるはずのノードが同じレベルでレンダリングされないのはなぜですか？たとえば、私のフィドルでは、ノード2-私の2番目のwpはノード1-私の最初のwpと同じレベルに配置されていませんか？
jsonと関係があるような気がしますが、私にとっては正しいように見えます。
ノードを追加すると、さらに混乱します。
助けていただければ幸いです。
編集：
もう少し洞察：
同じレベルの子ノードが同じレベルでレンダリングされるためには、それらのサブブランチが同じ深さである必要があることがわかりました。同じ深さについてはこのフィドル（source 、 result ）を参照し、異なる深さについてはこのフィドル（ source、result ）を参照してください。その結果、子の「最適化」が1レベル深くなります。子の「最適化」は「クラスター」や「グラフ」と同じレベルでレンダリングされると思いました。
この動作を回避する方法はありますか？