graph - D3 更新时的图例转换

Question

我正在制作的这张图有一些问题，但我无法弄清楚的是图例转换。我已经知道了，所以颜色正确，所有内容都排列整齐，但是当添加新数据时，文本只会与旧文本重叠。当我尝试选择要退出的矩形和文本（在下面的附加代码中注释掉）时，图例的颜色最终将相同并且文本仍然重叠。这是我的图表：

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

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

Answer 1

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

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