2012-07-26 10 views
14

Ağaç düzenini kullanarak biraz değiştirilmiş bir ağaç yaptım. Varsayılan olarak varsayılan soldan sağa yönelimi yerine sağdan sola doğru yönlendirmek için ağaca ihtiyacım vardı. Doğru ve uygun d3 nedir: Bunu yapmanın yolu nedir?Ağaç çizimi yönü

Düzeni oluşturduktan sonra x koordinatını tersine çevirerek bunu yapmaktan vazgeçtim ama bunun bir hack olduğunu hissediyorum. Elbette daha zarif bir şey var mı?

Ben merkezi etrafında bir SVG dönüşünü yapmayı düşündüm ama belki de doğru yolu çevresine metin almak için etiketleri döndürmek gerekir. Bu da doğru hissetmedi.

+0

Mesaj bazı kodu. – Wex

cevap

27

ağaç düzeni olarak genişliği (x) ve derinliği (y) bir koordinat rasgele bir alan düğüm konumlarının hesaplar. Düzenin yönünü değiştirmek için, eşlemenin düzeninin koordinat alanından SVG piksel koordinatlarına değiştirin. Eşleştirmeyi el ile yapmamayı tercih ederseniz, daha sezgisel (ancak daha ayrıntılı) bir eşleme belirtmek için quantitative scales kullanabilirsiniz.

Burada dört farklı yönelimleri gösteren bir örnek:

+0

Satırda bir hata/yazım hatası var 26: "http:" bağlantısının önünde eksik –

+0

Lütfen daha fazla açıklayabiliyor musunuz? Ortalama HTML ve JS bilgisine ve çalışan bir uygulamaya (soldan sağa doğru genişletilebilir/tıklanabilir ağaç) sahibim ve bunu aşağıdan yukarıya yapmak istiyorum. –

+0

ÜrünTree.js'de x ve y'yi iki yerde değiştirdim, biri ağaç yapısını dik duruma getirdi ve diğeri etiketleri doğru yerde yaptı. Ne yazık ki ağaç yatılı değil, bu yüzden etiketler birbirinin üstünde: –