1

私はD3の学習を開始し、少し遊んでいました。小さなアニメーションを作成しました。しかし、それは私が望んでいたとおりには機能していません。

これがアニメーションです。--->フィドル

JSを見ると、円の遷移が行われる小さなコードがあります。以下はコードです。

トランジション 

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

私が望むのは、垂直トランザクションと水平トランザクションの両方が同時に発生することです。D3が広く使用されているライブラリではないことはわかっていますが、SO コミュニティから助けが得られると確信しています。

4

1 に答える 1

2

両方の属性を 1 つのアニメーションにまとめるだけです (更新されたフィドルhttp://jsfiddle.net/DAEvQ/1/ )

   C.transition()
        .attr("cy", 150)
        .attr("cx", 150)
        .duration(2000)
于 2013-07-31T12:56:46.880 に答える