如何將translate（）[0]轉換為d3 v4

Question

我正在嘗試將以下代碼轉換為d3 v4

let x = this.d3Zoom.translate()[0] - this.d3xScale(this.minHz) + this.d3xScale.range()[0];
this.d3Zoom.translate([x, 0]);

如何在d3 v4中執行translate（）[0]？

Answer 1

d3縮放功能已從v3 重大修改為v4。 最大的變化是：

縮放行為不再在內部存儲活動的縮放變換（即可見區域；縮放和平移）。 現在，縮放變換存儲在已應用縮放行為的任何元素上。

也就是說，您尚未發布足夠的代碼來真正說明您要嘗試什么， 但是如果您在zoom事件處理程序中，則可以使用：

event.transform.x  

如果不在縮放事件處理程序之外，則需要從應用縮放的節點處獲取此信息：

d3.zoomTransform(node).transform.x