d3.js एक बल लेआउट सर्कल पर क्लिक कार्रवाई जोड़ना?

Question

मैं बल लेआउट के साथ एक अप्रत्यक्ष ग्राफ बनाने के लिए काम कर रहा हूं। इसके अलावा, मैं क्लिक सर्कल के साथ प्रत्येक सर्कल (नोड) रंग का पीछा करने की कोशिश करता हूं। सर्कल तत्वों पर ऐसी घटना जोड़ने का कोई विचार है। मैं इस कोड को बांधता हूं हालांकि यह काम नहीं कर रहा है।

vis.selectAll("circle.node").on("click", function(d){ 
    vis.select(d).attr(r, 25) 
    .style("fill","lightcoral") 
    .style("stroke","red"); 
}); 

Answer 1

select(d) डेटा को संदर्भित करता है, तत्व नहीं। आप के लिए select(this)

vis.selectAll("circle.node").on("click", function(){ 
      d3.select(this).attr('r', 25) 
       .style("fill","lightcoral") 
       .style("stroke","red"); 
     }); 

Answer 2

vis.select(this) मुझे एक डोम अपवाद देता है की जरूरत है। d3.select(this) मेरे लिए काम करता है। आप क्लिक किए गए DOM तत्व तक पहुंचने के लिए d3.event.target का भी उपयोग कर सकते हैं।