将更新的数据应用于行/路径？

Question

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

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

Answer 1

我不太确定您是否愿意（a）使用新数据更新现有行，或（b）保留现有行并添加第二行包含新数据。

对于（a），您需要将newdata重新加入原始行，然后重新绘制。这可以通过简单的重绘功能来实现，其中函数参数是数据集。您可以在Mike Bostock的General Update Pattern帖子或even simpler example中看到此实现，以证明这一点。

如果（b），您将像对第一个数据集那样为新数据执行数据连接，如下所示：

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

它会在图表中添加第二行。