在D3中同时混合两个过渡

Question

我已经开始学习 D3 并且正在玩它。 我创建了一个小的动画。然而，它并没有完全符合我的要求。

这是动画。 ---＆GT; FIDDLE

现在，如果您在 JS 中看到，则会有一小部分代码可以进行圆圈的转换。以下是代码。

过渡

 C.transition()
            .attr("cy", 150)
            .duration(2000)
            .each("end", function () {
            d3.select(this).transition()
            .attr("cx", 150)
            .duration(2000);

我想要的是垂直和水平交易同时发生。 我知道 D3 不是一个广泛使用的库，但我很确定我会从SO社区获得帮助

Answer 1

将两个属性放在一个动画中（更新的小提琴http://jsfiddle.net/DAEvQ/1/）

   C.transition()
        .attr("cy", 150)
        .attr("cx", 150)
        .duration(2000)