javascript - 上書きせずにパス要素をsvg要素に追加する

Question

すでにいくつかのsvgパス要素を追加した視覚化があります。次に、いくつかの操作を実行し、既存のデータを上書きせずにさらにsvgパスオブジェクトを追加したいと思います。どうやってやるの？すべてのパス要素を選択して新しい要素を追加しようとすると、機能しません。

乾杯

藍色

Answer 1

svgパスの親（通常はグループ要素）を選択しg、キー関数を使用してデータポイントを識別する必要があるため、enter()メソッドは新しいデータのみを追加し、update()メソッドは既存のパスを更新します。その例は、オブジェクトの恒常性の記事でこのメカニズムを説明し、サンプルコードを持っています。