cytoscape.js में 'कोज़' लेआउट में अंतर को कैसे सुधारें?

Question

मैं cytoscape.js 2.3.9 का उपयोग कर रहा हूं और मैं कुछ लेआउट के साथ खेल रहा हूं। अब मैं लगभग 150 नोड्स प्रस्तुत कर रहा हूं, लेकिन मैं 1000-1500 तक बढ़ना चाहता हूं। 1-50 पॉजिबल बच्चों के साथ लगभग 25 नोड्स हैं। मुझे जो चाहिए वह मेरा सबसे अच्छा तरीका 'कोज़' लेआउट के साथ रहा है, लेकिन मैं अपने अंतिम अपेक्षित परिणाम से काफी दूर हूं।

मैंने दस्तावेज के रूप में अपने गुणों के मानों के साथ कई विन्यासों को चलाने की कोशिश की है, लेकिन मैं निर्देशित सिमुलेशन में इतना अधिक नहीं हूं और बिना किसी समझ के कोशिश कर रहा हूं।

इस config के साथ

:

काश ग्राफ बेहतर फिट बैठता है, कम रिक्त स्थान है और बच्चे को छोड़ने:

layout: { 
    'name':'cose', 
    'animate':false, 
    'refresh':.1, 
    'edgeElasticity' : 20, 
    'fit': true, 
    'gravity' : 100  
} 

मैं इस परिणाम मिलता है (लाल रेखा युक्त div के आकार को दर्शाता) नोड्स अपने माता-पिता के करीब होने के लिए। कभी कभी कुछ तत्वों के साथ फिट बैठता है बेहतर (लेकिन हमेशा नहीं), इस तरह:

लेकिन फिर भी इतना कुछ बच्चे नोड्स अपनी मूल ओवरलैप और दूसरों अब तक मिलता है।

विशेषता मूल्यों या किसी अन्य लेआउट पर मेरी सलाह जो मेरे purpouse पर बेहतर फिट है?

धन्यवाद।

Answer 1

बल-निर्देशित/भौतिकी-सिम लेआउट की प्रकृति के रूप में, आपको बल के मूल्यों को अपने विशेष डेटा में अनुरूप बनाना होगा। मेरा सुझाव है कि cose के लिए दस्तावेज़ों में उदाहरण को प्रतिलिपि बनाना; यह डिफ़ॉल्ट मान का उपयोग करता है।

प्रत्येक मूल्य को स्वतंत्र रूप से बदलकर प्रयोग करें, और देखें कि आपको क्या प्रभाव मिलता है।

दुर्भाग्यवश, बल के सभी सेटों के सेट में कोई भी आकार-फिट नहीं है, लेकिन हमने डिफ़ॉल्ट डेटा सेट करने का प्रयास किया है जो हमने देखा है अधिकांश डेटा के लिए ठीक है।