javascript - D3.js:无需缩放即可平移翻译，无需 d3.drag

Question

我需要沿 X 轴平移+缩放，但仅沿 Y 轴平移，并且我想在不使用 d3.drag 的情况下执行此操作，如 this solution 中所示.

D3 Zoom 行为返回一个翻译，这正是我想要的，除了 Y 分量也通过缩放进行修改(当您想以普通方式平移+缩放时这是有意义的)。有没有办法用比例来“校正”Y 分量？我尝试了 y/k 但这似乎没有帮助。

Answer 1

事实证明 1) 这是 D3 Zoom 库中的一个已知缺陷，2) 有人制作了 replacement lib这正是我想要的:

let zoomBehavior = d3.xyzoom()
  .scaleRatio([1,0])                // <- controls x & y scales independently
  .extent([[0, 0], [this.w, this.h]])
  .on('zoom', this.zoomHandler.bind(this));