0

視覚効果を与えるためにパスを移行（たとえば、作成をアニメーション化）するにはどうすればよいですか。左から右にライン/パスを作成している可能性があります。私はのようなものを試しました。

マイクの例をフォークして、次のように追加しました

svg.append("path")
      .datum([])
      .attr("class", "line")
      .attr("d", line);

  var t = svg.transition().duration(700);
  t.select('.line').attr('d', line(data));

パスエラーが発生しますが、gistとbl.ocksの更新に問題があります。しかし、私はそれが機能していたことを覚えています（しかしアニメーションはありません）。

アニメーションチャートを取得するにはどうすればよいですか？

4

1 に答える 1

5

マイク・ボストック自身よりもそれをよく説明している人はいないと思います：PathTransitions。

このチュートリアルの例のバリエーションを使用して、さまざまなタイプのアニメーションを実行できます。彼の例は、新しいデータの追加に応じて変更するパスを移行するためのものですが、同様の手法を使用して、既存のデータの変更に応じてアニメーション化することも、まったく新しいシリーズを追加することもできます。

どんなアニメーションをやろうとしているのかを正確に明確にできれば、その目的を達成するための詳細を提供できるかもしれません。

于 2013-03-07T17:57:19.887 に答える