d3.js 뷰포트의 위치 재설정

Question

dagre 및 d3을 사용하여 그래프를 표시합니다. 그래프 요소와 뷰포트를 드래그하여 확대/축소 할 수 있습니다. 그래프를 다시 그릴 때마다 (또는 다른 그래프를 그릴 때마다) 뷰포트를 드래그/확대/축소 한 후에 뷰포트는 이전에 설정되었던 위치를 유지하지만 첫 번째 상호 작용시 재설정됩니다 ([0,0] 및 기본 확대/축소 비율로 점프).

함수 호출로 d3에서 뷰포트의 위치를 ​​재설정하는 방법은 무엇입니까?

Answer 1

Dagre 작성자 - dagre 데모를 사용하고 있습니까? 아니면이 맞춤 코드입니까? 당신이 dagre 데모를 사용하는 경우, 당신이 관찰하고있는 동작을 확인할 수 있으며, 수정이 줄을 추가하는 것입니다 : (dagre/demo.js, 라인 (252)에서이 코드 블록 전에

svgGroup.attr("transform", "translate(5, 5)");

을 내 나무) : https://github.com/cpettitt/dagre/issues/56

감사 :

svg.call(d3.behavior.zoom().on("zoom", function redraw() { 
    svgGroup.attr("transform", 
      "translate(" + d3.event.translate + ")" 
      + " scale(" + d3.event.scale + ")"); 
})); 

나는이 티켓에서 소스 코드에서 데모를 갱신했습니다!