Могут ли ключи данных вводить, обновлять, выходить в d3js, быть списком?

Question

Я пытаюсь сделать дерево из http://mbostock.github.io/d3/talk/20111018/tree.html

Ключа в этом дереве только идентификатор, который является только целым числом.

Я хочу указать такой ключ, что вместе с идентификатором узла у меня также есть дополнительная переменная, так что когда я переключаю эту переменную, мой круг выбирается в разделе обновления.

Я попытался пропусканием список как

data(data, function() { 
    return [(d.id || d.id = ++i), d.value]; 
}) 

Я хочу, чтобы получить обновление, когда я изменить d.value к чему-то еще. До сих пор мне не повезло, плюс я не могу найти его в документации. Любая помощь?

Answer 1

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

Если элемент данных согласован, он будет выбран в списке обновлений. Если он не сопоставлен, он будет в выборе ввода. Все существующие элементы DOM, которые не соответствуют данным, будут в выборе выхода.

Так что в вашем случае вам фактически ничего не нужно менять, потому что узел будет частью выбора обновления.