2017-03-31 198 views
4

我使用D3 v4來構建樹。將節點添加到D3樹v4

小提琴: https://jsfiddle.net/a6pLqpxw/

我現在想添加用於從選擇的節點動態地添加(和刪除)兒童的支持。

但是我不能讓圖表重繪,而不必執行完整的重繪。我修改了可摺疊樹形圖代碼中的代碼:https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd

具體來說,以下代碼塊不會爲其子代執行佈局的重新計算。

document.getElementById('add-child').onclick = function() { 
    console.log(selected); 
    selected.children.push({ 
    type: 'resource-delete', 
    name: new Date().getTime(), 
    attributes: [], 
    children: [] 
    }); 

    update(selected); 
}; 

有沒有人有任何動態添加/刪除節點樹的D3.js v4的好例子?

回答