同じ設定を複数のセレクションに対して行いたいとき。
同じ設定をfunction
にして呼び出せば使いまわせるので。
// 同じ設定
function common(){
this.attr(...)
.on('click',function(d){...});
}
// idが違うだけで他は同じ設定
d3.select('body').append('div')
.attr('id','div1')
.call(common);
d3.select('body').append('div')
.attr('id','div2')
.call(common);
d3.select('body').append('div')
.attr('id','div3')
.call(common);
selection.call
の使い道はほかにもあると思うが、使っているうちに「そうだ!!こういうときに使うんだ!!」という気づきがあり、うれしくて書き込んだ。
以上