Javascript D3转换不工作

我有以下SVG元素：

<svg id='svgTest' xmlns="http://www.w3.org/2000/svg" version="1.1">
  <g id="test">
    <rect height="20" width="50" fill="blue"/>
  </g>
</svg>

---

但它似乎没有任何作用。怎么了？

您需要选择“rect”元素。试试这个：

var rect = d3.select("#test rect");

rect.transition().duration(5000).attr('height',200);

---

如果要更新多个元素，请使用d3.selectAll（）。

如果要移动整个组，可以只选择该组吗？否-要修改g元素，必须应用变换。是否有方法循环一个组中的所有元素，以便对其应用变换？

var rect = d3.select("#test rect");

rect.transition().duration(5000).attr('height',200);