2012-07-26 13 views
14

मैंने वृक्ष लेआउट का उपयोग करके थोड़ा संशोधित पेड़ बनाया है। मुझे नियमित बाएं-से-दाएं ओरिएंटेशन के बजाय पेड़ को दाएं से बाएं ओरिएंट करने की आवश्यकता होती है जो डिफ़ॉल्ट है। सही और उचित डी 3 क्या है: ऐसा करने का तरीका है?वृक्ष ड्राइंग अभिविन्यास

मैंने लेआउट बनाने के बाद एक्स समन्वय को आसानी से बदलकर ऐसा करने का अंत किया लेकिन मुझे लगता है कि यह एक हैक है। निश्चित रूप से कुछ और सुरुचिपूर्ण है?

मैंने केंद्र के चारों ओर एक एसवीजी रोटेशन करने के बारे में सोचा लेकिन फिर मुझे पाठ को सही तरीके से प्राप्त करने के लिए लेबल घुमाएं। वह या तो सही महसूस नहीं किया था।

+0

पोस्ट कुछ कोड। – Wex

उत्तर

27

पेड़ लेआउट में नोड पदों की गणना करता है चौड़ाई (एक्स) और गहराई (y) की एक मनमाना समन्वय अंतरिक्ष। लेआउट के अभिविन्यास को बदलने के लिए, लेआउट की समन्वय स्थान से मैपिंग को एसवीजी पिक्सेल निर्देशांक में बदलें। यदि आप मैन्युअल रूप से मैपिंग नहीं करना पसंद करते हैं, तो आप अधिक सहज (लेकिन अधिक वर्बोज़) मैपिंग निर्दिष्ट करने के लिए quantitative scales का उपयोग कर सकते हैं।

यहाँ चार अलग झुकाव दिखा एक उदाहरण है:

+0

लाइन 26 में एक बग/टाइपो है: "http:" लिंक –

+0

के सामने गायब है क्या आप आगे बता सकते हैं? मेरे पास औसत एचटीएमएल और जेएस ज्ञान और एक कामकाजी अनुप्रयोग है (बाएं से दाएं से विस्तार योग्य/क्लिक करने योग्य पेड़) और मैं इसे ऊपर से नीचे बनाना चाहता हूं। –

+0

मैंने उत्पाद में दो स्थानों में एक्स और वाई बदल दिया Tree.js ने पेड़ की संरचना को लंबवत बना दिया और दूसरे ने लेबल को सही जगह पर बनाया। दुर्भाग्यवश पेड़ बोर्डर नहीं मिलता है, इसलिए लेबल एक दूसरे के शीर्ष पर हैं: / –

संबंधित मुद्दे