d3 ग्राफ

Question

में किनारों को लेबल जोड़ने के लिए कैसे देखने के लिए कृपया http://bl.ocks.org/rkirsling/5001347

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

Answer 1

आप लेबल जोड़ सकते हैं जैसे कि आप लिंक के लिए पथ जोड़ते हैं। आपको बस इतना करना है कि लिंक कनेक्ट होने वाले दो नोड्स की स्थिति के अनुसार स्थिति की गणना करें। कोड इस तरह कुछ दिखता है।

svg.selectAll("text").data(links).enter() 
    .append("text") 
    .attr("x", function(d) { return d.source.x + (d.target.x - d.source.x)/2; }) 
    .attr("y", function(d) { return d.source.y + (d.target.y - d.source.y)/2; }) 
    .text(function(d) { return d.something; }); 

ध्यान रखें कि आपके tick समारोह में, आप भी लेबल की स्थिति को अद्यतन करने की आवश्यकता होगी।