d3调整窗口大小时的缩放行为

Question

我使用D3设置我的图表区域，利用可缩放的行为。该图表包括x轴和y轴。

当调整窗口大小时，图表区域应该是响应的。在这种情况下，我需要在窗口大小调整时重置x和y轴域和范围。

窗口调整大小时出现问题。我注意到在以下步骤之后，变焦焦点不再与鼠标对齐：

1. 首先平移并放大图表区域
2. 然后调整窗口大小
3. 然后再次平移和缩放图表区域

之后，出现了上述问题。请参阅以下有问题的jsfiddle。

那么处理这个问题的正确方法是什么？我注意到有关这个问题的几个讨论，例如：

d3 Preserve scale/translate after resetting range

我尝试过这种方法，但我无法使用D3 V4 API。