D3 Legend Transition On Update

Question

Этот график, который я создаю, имеет несколько проблем, но тот, который я не могу понять, - это переход легенды. У меня есть так, что есть правильные цвета, и все выравнивается, но когда новые данные добавляются, текст просто перекрывается со старым текстом. Когда я пытаюсь выбрать прямоугольники и текст для выхода, который прокомментирован в прилагаемом коде ниже, цвета легенды будут те же, а текст все равно будет перекрываться. Вот мой график:

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

Может кто поможет указать на то, что происходит не так? Большое спасибо за любую помощь.

Answer 1

Просто удалите старую легенду перед нанесением нового:

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