D3过渡不工作

Question

我有以下的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> 

我想补充的蓝色矩形的过渡。我尝试用下面的代码与D3：

var rect = d3.select("#test"); 
rect.transition().duration(5000).attr('height',200); 

但它似乎并没有做任何事情。怎么了？

Answer 1

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

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

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

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