Javascript cx、cy与svg和D3中的转换有什么区别？

我正在处理一个问题，不明白为什么试图通过cx、cy移动节点不起作用

// This works    
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.

//This doesn't
    node.attr("cx", function(d) { return d.x; })
                    .attr("cy", function(d) { return d.y; });

---

节点实际上位于svg

g

元素中，这可能是为什么？

cx和

cy

属性仅适用于

圆

元素。对于

g

元素，使用

transform

更多说明：元素特定属性

cx

、

cy

、

x

、

y

等将元素定位在坐标系内。

变换

属性可重新定位坐标系。对于没有特定位置属性的图元，这是唯一的定位方法