D3, gruppi di transizione (<g>)

Question

In D3 è possibile eseguire il passaggio di gruppi?

Con quadrato o cerchio Funziona in questo modo:

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

ma se mySquare è per esempio un riferimento a un gruppo ("< g>") non funziona, forse perché D3 cerca una x proprietà del gruppo che non ero in grado di recuperare.

Potete aiutarmi? Non sono riuscito a trovare documenti su questo argomento.

Answer 1

Poiché l'attributo x non è valido per un elemento svg g, la transizione non funzionerà come previsto. È tuttavia possibile passare dall'attributo transform alla transizione della posizione di un gruppo di elementi o agli stili di transizione che si sovrappongono ai relativi figli.

cioè .:

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