D3.js 日期标签和分割线被覆盖

我正在尝试将播放/暂停+滑块功能添加到以下工作代码中：

到目前为止，我已经设法添加了该功能，但问题是右侧的日期信息没有得到更新，垂直线也在增加

这就是我所做的：

我使用相同的代码。我不知道是什么导致了这个问题？以及如何解决这个问题

编辑：

那个日期已经定了

  yearText.html(sDate.toDateString()); 

我使用的是

sDate

（起始日期），而不是当前日期

Edit2:

这就是问题所在：

---

它们被覆盖。

问题是由

绘图（数据）

函数中的以下代码行引起的，该函数在滑块每次移动时都会更新。它每次都会加上记号。注释掉以下代码：

//      svg.append('g')
//        .attr('class', 'axis xAxis')
//        .attr('transform', `translate(0, ${margin.top})`)
//        .call(xAxis)
//        .selectAll('.tick line')
//        .classed('origin', d => d == 0);

每次使用

drawplot

时，您的

yearText也会发生同样的情况，它不会更新日期，而是附加新的日期

所有这些的附加都应该在
绘图
之外，或者将更新分离到不同的函数。
我不明白，您的第二个链接在滑块上方显示了更新的日期字段。日期还显示在哪里？你能截图并准确显示哪些内容没有更新吗？2020年3月14日星期六，但这不会给我任何最初的信息。当我使用滑块，然后它会显示我的日期和这些行。我应该如何修复它？比如只追加一次并修改值。对于日期，我不能这样做，因为它会给我带来错误。我解决了它，但现在我得到了一些不同的错误。我将关闭此对话框并提出一个新问题。问题如下：