Graph 更新时D3图例转换

Graph 更新时D3图例转换,graph,d3.js,transition,Graph,D3.js,Transition,我正在制作的这个图表有一些问题,但我无法解决的是图例转换。我得到了它,所以有正确的颜色和所有的线条,但当新的数据被添加时,文本只是与旧文本重叠。当我尝试选择要退出的矩形和文本(在下面的附加代码中注释掉)时,图例的颜色最终将是相同的,文本仍然重叠。这是我的图表: 谁能帮我指出哪里出了问题?非常感谢您的帮助。在绘制新图例之前,只需删除旧图例即可: svg.selectAll(".legend").remove(); var legend = svg.selectAll(".legend")

我正在制作的这个图表有一些问题,但我无法解决的是图例转换。我得到了它,所以有正确的颜色和所有的线条,但当新的数据被添加时,文本只是与旧文本重叠。当我尝试选择要退出的矩形和文本(在下面的附加代码中注释掉)时,图例的颜色最终将是相同的,文本仍然重叠。这是我的图表:


谁能帮我指出哪里出了问题?非常感谢您的帮助。

在绘制新图例之前,只需删除旧图例即可:

svg.selectAll(".legend").remove();
var legend = svg.selectAll(".legend")
    ...