D3,过渡组(<g>)

Question

在D3中是否可以转换组？

使用方形或圆形,它可以这样工作:

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

但是,如果mySquare例如是对组("<g>")的引用,则它不起作用,可能是因为D3查找了我无法检索的组的x属性.

你能帮助我吗？我找不到任何关于这个主题的文档.

Answer 1

由于该x属性对svg g元素无效,因此转换它将无法按预期工作.但是,您可以转换transform属性以转换一组元素的位置,或者转换为与其子元素级联的转换样式.

即:

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