2016-07-23 9 views
1

Mike Bostockのパンの&ズーム軸のサンプルに四角形を追加しましたが、拡大した軸でサイズ変更する矩形を取得できません。私は削除を追加し、ズーム機能に追加/入力しますが、実行されません。どんな助けもありがとう。パン&ズーム軸の長方形のサイズを変更

gMain.selectAll(".rectband").remove(); 

     shape = gMain.selectAll('.rectband') 
      .data(data) 
      .enter() 
      .append('rect') 
      .attr("fill", "blue") 
      .attr("width", 100) 
      .attr("height", 100); 

https://bl.ocks.org/mbostock/db6b4335bf1662b413e7968910104f0f

+0

あなたは再び "ズーム" を呼び出す必要があります。 –

+0

アップデートのズームされたx座標とy座標にアクセスするにはどうすればよいですか? – user3359706

+0

gエレメントの[d3バージョン4のズーム動作]の可能な複製(http://stackoverflow.com/questions/38544216/d3-version-4-zoom-behaviour-on-g-element) – Mark

答えて

1

最終的な解決策は、このフィドルで利用されています

https://jsfiddle.net/u6rj20jc/3/

function zoomed() { 
     view.attr("transform", d3.event.transform); 
     gX.call(xAxis.scale(d3.event.transform.rescaleX(x))); 
     gY.call(yAxis.scale(d3.event.transform.rescaleY(y))); 

     gMain.attr("transform", d3.event.transform); 
     group.attr("transform", d3.event.transform); 
     } 
関連する問題