限制將d3.js圖表​​平移到一個方向

Question

pannable & zoomable chart here允許在X和Y兩個方向上平移。我們如何才能將平移限制在水平方向？縮放應該仍然可以像原始一樣在兩個方向上工作。

Answer 1

如果您想在限制平移的同時繼續放大或縮小y-axis，那麼最終的用戶體驗就會非常奇怪。此外，通過放大一點，縮小另一點，用戶將能夠pany-axis無論如何。

只有當它是一個規模事件（即d3.event.scale由> 1e-5變化）你可以做到這一點，但是，通過改變yAxis。

從@ Nouphal.M的例子借用：http://jsfiddle.net/tmFSF/1/

注意，y規模仍然改變。因此，如果您重繪圖表，那麼元素的位置將會不同。要解決該問題，您可能需要使用y.copy()作爲規模的zoom行爲，並在zoomed函數中完全自行管理原始y規模的domain。