更新多线图D3.js

我试图通过使用PHP每隔5秒从mySQL数据库中提取数据来更新d3多线图。目前，图形正在显示，但没有更新-我知道我的updateData函数有一些不正确的地方，但已经尝试了所有可以想到的方法，但似乎没有任何效果。有人能帮忙吗

更新：

正如您所见，x轴线只是偶尔显示，有些线没有与y轴对齐

更新要点：

---

更新2：由于一些奇怪的原因，线条正在改变颜色-或者完全不确定地移动。因此，在图形上，上面的线是从顶部开始的-蓝色，橙色，然后是白色-当图形更新时，蓝色可能会移动到底部，橙色在顶部，白色在中间等-但随机发生？

在图形的原始图形中，您正确使用：

var parameter = svg.selectAll(".parameter")
.data(data, function(d) { return d.key; })
    .enter().append("g")
    .attr("class", "parameter");

它将数据（data）连接到元素（g.参数）

在更新功能期间，您需要再次加入数据，以便执行元素的更新、删除和添加。这是一个了解更多信息的好地方

无论如何，在更新函数中，您可能需要以下内容（未测试）：

---

感谢您的回复-仍然没有什么问题-请参阅上面的更新？我怀疑您的数据需要基于id进行绑定。也就是说，确保每次数据都正确绑定到相同的DOM元素。也许检查一下谢谢-将密钥改为parameterID而不是parameterType，并完成了以下操作：）我已经与这个完全相同的问题斗争了很长时间。你的问题和解决方案对我很有效…谢谢！

// re-acquire joined data
var containers = svg.selectAll("g.parameter")
    .data( data );

// update existing elements for this data
containers
    .select( "path.line" ) 
    .attr( "d", function(d) { return line(d.values); })