D3.js折线图动画与轴

Question

我想创建包含多条线的滑动折线图。基本上，我是在this article的基础上构建的，但在最新的d3v5和多行代码中。

我一直坚持使线过渡与轴过渡（更新）保持同步。

我已将代码移植到this demo。 （代码很丑陋，将被重构。）

问题部分在update（）方法中。当前的解决方案是我能想到的最好的解决方案，我从几个不同的角度出发来解决这个问题。

直线平移的速度比轴平移的快一点。它与xDomain更新有关。

请问任何提示和指示。