D3 Legend过渡更新

Question

我制作的这张图有一些问题，但我无法弄清楚的是图例过渡。我已经得到它所以有正确的颜色和一切排队但是当添加新数据时，文本只是与旧文本重叠。当我尝试选择要退出的矩形和文本（在下面附带的代码中注释掉）时，图例的颜色将最终相同且文本仍然重叠。这是我的图表：

http://jsbin.com/ETOBOfO/1/edit

任何人都可以帮忙指出出了什么问题吗？非常感谢您的帮助。

Answer 1

在绘制新图例之前删除旧图例：

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