आप डी 3 वी 4

Question

के साथ एक निश्चित लिंक दूरी कैसे सेट करते हैं, सभी एपीआई उदाहरण अभी भी v3 के लिए प्रतीत होते हैं। मैं समझने के लिए एक निश्चित दूरी के लिंक, जैसे के साथ एक बल ग्राफ़ बनाने के लिए कैसे कोशिश कर रहा हूँ: http://bl.ocks.org/d3noob/5141278

मैं link_distance को देखा लेकिन यकीन है कि यह कैसे लागू करने के लिए नहीं: https://github.com/d3/d3-force/blob/master/README.md#link_distance

की तरह एक ग्राफ बनाना इस:

// .force("link", d3.forceLink().distance(20).strength(1)) 
    // .force("linkDistance", 20) 
    // .force("link", d3.forceLink().id(function(d) { return d.id; })) 

:

let simulation = d3.forceSimulation() 
     .force("link", d3.forceLink().id(function(d) { return d.id; })) 
     .force("charge", d3.forceManyBody().strength(-150)) 
     .force("center", d3.forceCenter(width/2, height/2)); 

मैं जैसे विभिन्न कॉम्बो की कोशिश की

लेकिन कोई भाग्य नहीं!

तो ऐसा लगता है कि link_distance को ठीक नहीं किया जा सकता है? शक्ति और की अपनी एक परिणाम (दूरी, जो कुछ भी है)

तो मैं कैसे आवेदन करूं strength और distance d3 v4 में लिंक करने के लिए? क्या यह सिमुलेशन या कुछ और पर लागू होता है?

Answer 1

आप लगभग v4 में दूरी को बदलने के करीब हैं! इस परिवर्तन की जाँच करें, यह मेरे लिए काम करता है:

var simulation = d3.forceSimulation() 
    .force("link", d3.forceLink().id(function(d) { return d.id; }).distance(100).strength(1)) 
    .force("charge", d3.forceManyBody()) 
    .force("center", d3.forceCenter(width/2, height/2)); 

Answer 2

आप बिना force('center')

let simulation = d3.forceSimulation() 
    .force("link", d3.forceLink().id(function(d) { return d.id; })) 
    .force("charge", d3.forceManyBody().strength(-150)); 

Answer 3

कोशिश कर सकते हैं आप बहुत करीब रहे हैं ... यह चेक करें, इस कोड मेरे लिए काम करता ..

नोट: मुझे इस कोड GetNodeDefaults (d.label) के साथ नोड लेबल के आधार पर गतिशील रूप से लिंक की लंबाई मिल रही है। लिंक्सडिस्टेंस यानी, यह 100 या 200 या 300 आदि हो सकता है,

var forceLink = d3 
    .forceLink().id(function (d) { 
     return d.id; 
    }) 
    .distance(function (d) { 
     return GetNodeDefaults(d.label).linkDistance; 
    }) 
    .strength(0.1); 

var simulation = d3.forceSimulation() 
    .force("link", forceLink) 
    .force("charge", d3.forceManyBody().strength(function (d, i) { 
     var a = i == 0 ? -2000 : -1000; 
     return a; 
    }).distanceMin(200).distanceMax(1000)) 
    .force("center", d3.forceCenter(width/2, height/2)) 
    .force("y", d3.forceY(0.01)) 
    .force("x", d3.forceX(0.01)) 
    .on("tick", ticked);