尝试在D3.js中沿圆弧路径设置圆的动画(v3)

var svg = d3.select("body")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var arc = d3.arc()
            .innerRadius(innerRadius)
            .outerRadius(outerRadius)
            .startAngle(startAngle)
            .endAngle(endAngle);

svg.append("circle")
   .attr("cx", arc.centroid()[0])
   .attr("cy", arc.centroid()[1])
   .attr("r", radius)
   .attr("fill", "blue");

svg.select("circle")
   .transition()
   .duration(1000)
   .attr("cx", newCx)
   .attr("cy", newCy)
   .attr("r", newRadius)
   .attr("fill", newColor);