डी 3, संक्रमण समूह (<g>)

Question

डी 3 में समूह को संक्रमण करना संभव है?

वर्ग या मंडलियों के साथ यह इस तरह से काम करता है:

mySquare 
    .transition() 
    .attr("x",320); 

लेकिन अगर mySquare उदाहरण के लिए एक समूह के लिए एक संदर्भ है ("< जी>") यह काम नहीं करता है, शायद क्योंकि डी 3 एक के लिए लग रहा है समूह की एक्स संपत्ति मैं पुनः प्राप्त करने में सक्षम नहीं था।

क्या आप मेरी मदद कर सकते हैं? मुझे इस विषय के बारे में कोई दस्तावेज़ नहीं मिला।

Answer 1

चूंकि x विशेषता svg g तत्व के लिए मान्य नहीं है, तो यह संक्रमण के रूप में कार्य नहीं करेगा। हालांकि, आप transform तत्वों को तत्वों के समूह की स्थिति में परिवर्तन करने के लिए विशेषता, या संक्रमण शैलियों को अपने बच्चों के लिए कैस्केड कर सकते हैं।

यानी .:

myGroup.transition() 
    .attr("transform", "translate(320, 0)") 
    .style("fill", "red");