d3js путь генератора в макете складной дерева

Question

Я обучение d3js и был этот вопрос, что я едва могу найти хорошую ссылку на вебе:

В этом демо-коде:

складного Дерево http://bl.ocks.org/mbostock/4339083

я нашел ниже надреза имеет решающее значение для развала/развернуть behaivor узла:

// Update the links… 
    var link = svg.selectAll("path.link") 
    .data(links, function(d) { return d.target.id; }); 

Может кто-нибудь объяснить более, что, почему данные должны установить с d.target.id здесь? или если кто-то может перенаправить меня на ссылку, которая объясняет, спасибо очень.

Answer 1

Второй аргумент .data() - это функция, которая сообщает D3, как сопоставлять элементы данных с элементами DOM. По умолчанию он делает это по индексу, т. Е. Первый элемент данных соответствует первому элементу DOM, второй - второй и т. Д. В этом случае это не работает, так как данные должны быть сопоставлены с идентификатором цели (или что-то подобное, которое однозначно идентифицирует ссылку).

Для получения дополнительной информации см. the documentation.