Ağaç düğümleri, birbiriyle örtüşmeden birbirlerine (veya minimum sabit boşluk) d3

Question

nasıl yapılacağını en az 12 düzeyli bir ikili ağaç oluşturmaya çalışıyorum. 12. seviye durumunda 2^12 düğüm ayarlamak zorundayım, bu oldukça yüksek ve yatay kaydırma çubuğu ekledim. Yani, son düzeyinde tüm düğümler bu resimde görüldüğü gibi, uzay ve yatay kaydırma kurtarmak için birbirlerine sopa istiyorum:

Ben svg genişliği her zaman uyum sağlamak istemiyoruz onları sığdırmak için sıkın. Son düzeyde düğümler arasındaki ayrımı azaltmak ve svg veya konteyner genişliği arttığında bile düğüm ayırma aynı tutmak için uygun bir yol istiyorum. Şimdiye kadar çevrimiçi olarak herhangi bir çözüm bulunamadı.

Lütfen bunu başarmanın bir yolunu önerin.

Answer 1

Sen düğüm derinlik özniteliği, yani ile yapabilirsiniz:

nodes.forEach(function(d) { d.y = d.depth * 180; }); 

aralarındaki boşluğu güncelleyebilirsiniz ağacın her seviye için. Bu örnekte bir göz atın, size bir fikir vermek amacıyla

: http://plnkr.co/edit/bDBe0xGX1mCLzqYGOqOS?p=preview