2

次のコードを使用して、曲がった線を描画します。

var line = d3.svg.line()
    .interpolate("bundle")
    .tension(0.8)
    .x(function(d) { 
    return d.x; })
    .y(function(d) { 
    return d.y; });

.....

links.transition().duration(2000)
        .attr("d", line);

(パス要素を含むリンク)

しかし、線の位置を変更すると、新しい位置にスムーズに移動するのではなく、線がすぐに新しい位置にジャンプします。

パスの外観を定義する "d" XML コードは、バンドル補間によって生成されるため、非常に複雑です。

したがって、d3 はそれ自体で遷移を計算できないのではないかと思います。この問題の既知の解決策があるかどうか知りたいですか?

4

0 に答える 0