组织结构图未在用户界面中更新-D3

Question

我正在尝试通过在更新之前更改数据来更新组织结构图。这是我的做法。在clickUpDownArroww()函数中，我正在更新数据。

function clickUpDownArroww(d) {
        d3.select(this).select("text").text(function(dv) {
            if (dv.collapseText == attrs.UP_SYMBOL) {
                dv.collapseText = attrs.DOWN_SYMBOL
                
                d.area= "Manager";
                d.name="Arti";
                d.children[0].name="Leo";
                
            } else {
                if (dv.children) {
                    dv.collapseText = attrs.UP_SYMBOL
                }
            }
            return dv.collapseText;
        })
        update(d);
    }

数据从未更改，旧数据仍显示在UI中。调试时，我看到数据已正确更新。

正在尝试通过单击向上箭头来更新用户界面：clickUpDownArroww()

请参见Fiddle