TypeError с деревом d3js

Question

В d3js tree sample я попытался перевести вызов для обновления вне функции d3.json. Когда я сделал это, я получаю:

TypeError: d is undefined

Вот код (функция здесь немного отличается от ссылки на пример). Обратите внимание, что я переместил вызов для обновления вне функции d3.json. Обратите внимание, что root - это глобальная переменная.

d3.json("../data/flare.json", function(json) { 
    root = json; 
    root.x0 = height/2; 
    root.y0 = 0; 

    function collapse(d) { 
     if (d.children) { 
     d._children = d.children; 
     d._children.forEach(collapse); 
     d.children = null; 
     } 
    } 

    root.children.forEach(collapse); 
    // move this out 
    // update(root); 
}); 

update(root); 

function update(source) {..... 

Answer 1

d3.json - это асинхронный вызов. Это означает, что вызов будет немедленно возвращен, но код в обработчике не будет работать до конца. В вашем случае это означает, что root не определен (или пуст), когда вы звоните update(root).

Одним словом, у вас есть, чтобы позвонить update(root) изнутри обратного вызова d3.json. Хотя есть несколько возможностей заставить его работать за пределами обратного вызова, они гораздо более сложны и сложны.

Answer 2

Мы не можем использовать переменный корень к внешнему function, потому что корень является локальным переменным для этого function.If вы хотите использовать снаружи, вы будете делать корень как global varible для сохранения этого JSON;

var root; 
    d3.json("../data/flare.json", function(json) { 
    root = json; 
    root.x0 = height/2; 
    root.y0 = 0; 

    function collapse(d) { 
     if (d.children) { 
     d._children = d.children; 
     d._children.forEach(collapse); 
     d.children = null; 
     } 
    } 

    root.children.forEach(collapse); 
    // move this out 
    // update(root); 
}); 



function update(source) {.....