javascript - 在 D3 中同时混合两个过渡

Question

我已经开始学习D3并且正在使用它。我创建了一个小动画。但是，它并没有完全按照我的意愿进行。

这是动画。--->小提琴

现在，如果您在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)