selection.datum()的问题

Question

我在跟踪这个差异图的例子。我在页面上添加了按钮，这些按钮进行ajax调用以获取新的数据集，然后重新绘制差异图表。我的页面上有几张不同的图表。

在重绘时，上面/下面区域的呈现会被破坏:X值有上面和下面呈现的区域。我相当肯定这不是后端问题，因为初始加载会产生正确的图表；更改参数会使重新绘制的图表混乱；返回到默认参数并重新绘制原始图表也会产生损坏的图表。事实上，我可以部分地判断出正在发生的事情:新的图表上有原始的时间序列。这就好像有三个系列正在绘制。

我认为这与.datum有关。我不完全理解它是如何工作的，因为它不同于与.data相关的标准enter/update/exit方法。我读过文献资料，但仍然很困惑。一些可能性：

1. 原始数据正在徘徊(即使我用$('#chart').html('')清除了容器)
2. .append(g)正在添加组而不删除前面的组。
3. svg.append("clipPath").attr("id", "clip-below")造成了问题，因为多个节点具有相同的id (尽管如此，我不确定这是如何发生的，因为我在重绘之前删除了这些节点)。

我觉得我在这里错过了很多基础知识，尽管我花了相当长的时间去理解这个图书馆。有人能看到任何显而易见的东西，或者指出一些好的资源让我去看吗？

更新:这与页面上有两个图表有关。当我打开探长并关闭它时，我注意到了这一点。底图的区域(差图)搞砸了，我注意到它用来把上面的区域和下面的区域分开的新线看起来很像上面的一条线和上面的一条线。

当在同一页上绘制两个图表时，有人有处理依赖问题/名称空间冲突的经验吗？

Answer 1

问题是，裁剪路径的id是相同的。

我仍然想要一些关于.datum的更多资源。