d3.js 차트를 한 방향으로 패닝 제한

pannable & zoomable chart here을 사용하면 X 및 Y 방향으로 패닝 할 수 있습니다. 패닝을 가로 방향으로 만 제한하려면 어떻게해야합니까? 확대/축소는 원본과 마찬가지로 양방향으로 계속 작동해야합니다.d3.js 차트를 한 방향으로 패닝 제한

출처

2013-12-21 Nyxynyx

이게 네가 들떠있는 부분이다. http://jsfiddle.net/tmFSF/ –

@ Nouphal.M 거의 !! 확대/축소는 X 축의 크기 만 변경하는 것 같습니다. 두 축을 모두 확대 할 수 있습니까? – Nyxynyx

팬을 제한하면서 y-axis을 계속 확대 및 축소하려면 다소 이상한 사용자 경험이 필요합니다. 또한 한 지점에서 확대하고 다른 지점에서 축소하여 팬y-axis에 액세스 할 수 있습니다. 그것은 규모 이벤트 (> 1e-5에 의해 즉 d3.event.scale 변경) 인 경우에만

당신은 yAxis을 변경하여, 그러나, 그것을 할 수 있습니다. y 규모는 여전히 변경하는 것이 http://jsfiddle.net/tmFSF/1/

참고 : @ Nouphal.M의 예에서 대출

. 따라서 차트를 다시 그릴 경우 요소의 위치는 여전히 달라집니다. 이 문제를 해결하려면 zoom 동작에 y 척도로 y.copy()을 사용하고 zoomed 함수에서 원래 y 크기의 domain을 완전히 관리 할 수 있습니다.

출처

2013-12-23 06:00:07

d3.js 차트를 한 방향으로 패닝 제한

답변

관련 문제