d3.js - 将更新的数据应用于线路/路径？

Question

我有一个折线图，它根据从两个下拉列表中选择的值进行更新。数据根据以下要点更新。一切正常，所有数据都正确返回，但是当尝试将此更新的数据应用到现有的线/路径并更新图形时 - 线/路径消失了，我收到了解析错误。知道这与我如何将这些新数据应用到线路/路径有关 - 任何人都可以帮忙吗？

https://gist.github.com/Majella/202df0a4a5a3ad20fb92

Answer 1

我不太确定您是否想 (a) 使用新数据更新现有行，或者 (b) 保留现有行并使用新数据添加第二行。

对于 (a)，您需要重新加入newdata原始行，然后重新绘制它。这可以通过一个简单的重绘函数来实现，其中函数参数是数据集。您可以在 Mike Bostock 的General Update Pattern帖子中看到它的实现，或者在我为演示这一点而制作的更简单的示例中看到。

如果 (b)，您将像对第一个数据集所做的那样对新数据执行数据连接，例如：

var data2 = svg.selectAll('.newData')
   .data(newdata)
.enter().append('path')
   .attr('class', 'newData)
   .attr( "d", line(newdata));

它会在图表中添加第二条线。