d3.js 줌/팬으로 차트 강제 적용

Question

확장/축소 가능한 파트가있는 차트를 만듭니다. 확대/축소 기능을 차트에 통합하려고하지만 실제로는 차트 자체가 아닌 실제 노드에서 상호 작용 (팬/마우스 휠) 할 때만 작동합니다.

var svg = d3.select("#chartHolder") 
.append("svg") 
.attr("width", width) 
.attr("height", height) 
.attr("pointer-events", "all") 
.append('svg:g') 
.call(d3.behavior.zoom().on("zoom", redraw)) 
.append('svg:g'); 

http://jsfiddle.net/nrabinowitz/QMKm3/ ^ 예

http://jsfiddle.net/NYEaX/837/

내가 모방하려고 것입니다 - 그것은 차트의 빈 공간과 상호 작용에 따라 작동합니다.

Answer 1

모두 할 일은 첫 번째 추가 "g"를 제거하는 것입니다.

http://jsfiddle.net/frankcastro/qv42nt7o/1/