d3.js - zoom 動作で終了する zoom へのバインディング

Question

ズーム動作遷移の終了時 (ユーザーがチャートを動かす何かをマウスアップまたはタッチエンドしたとき) にイベントに簡単にバインドする方法があれば便利です。これは、すべてのアップ イベントをバインドするだけで可能ですか、それとも他の方法で行われたことですか?

Answer 1

同じものを探していたところ、この投稿を見つけました。

次のように書くことができます。

var svg = outer.append("svg:g")
            .call(d3.behavior.zoom()
                    .on("zoom", rescale)
                    .on("zoomstart", zoomStart)
                    .on("zoomend", zoomEnd))
            .on("dblclick.zoom", null)
            .append("svg:g");

function zoomStart(){
    console.log("ZOOM START");
}

function zoomEnd(){
    console.log("ZOOM END");
}

それが役に立てば幸い。