팬 및 줌 축의 사각형 크기 조정

마이크 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

출처

2016-07-23 user3359706

다시 "확대". –

업데이트를 위해 확대 된 x 및 y 좌표에 액세스하려면 어떻게합니까? – user3359706

g 요소에서 [d3 버전 4 확대/축소 동작] 가능한 중복 (http://stackoverflow.com/questions/38544216/d3-version-4-zoom-behaviour-on-g-element) – Mark

최종 솔루션이 바이올린에 사용된다 :

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); 
     }

당신이 호출 할 필요가 있습니다

출처

2016-07-27 12:08:34 user3359706

팬 및 줌 축의 사각형 크기 조정

답변

관련 문제