D3，轉換組（<g>）

Question

D3中可以轉換組嗎？

隨着方形或圓形它的工作原理是這樣的：

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

但如果mySquare是例如一組參考（「<克>」），這是行不通的，也許是因爲D3尋找一個x組的x屬性無法檢索。

你能幫我嗎？我找不到有關此主題的任何文檔。

Answer 1

由於x屬性對於svg g元素無效，因此轉換它不會按預期工作。但是，您可以轉換transform屬性以轉換一組元素的位置或級聯到其子元素的轉換樣式。

即：

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