d3plus viz.ui-如何同时查看更改的值并使它生效

Question

在d3plus树图中，我可以使用viz.ui来允许用户更改确定块大小的字段。请参阅以下代码笔。点击“数字文件”或“大小以字节为单位”以查看实际效果：

https://codepen.io/kwein1/pen/JzomWy

这是关键代码：

.ui([
      {
        "method": "size",

到目前为止，一切都很好。但是我也想更新一个HTML标头字段，以显示（比树形图页脚更多的内容）我刚刚所做的更改。上面的以下较小变体可以做到这一点，但是现在我不知道如何像实际上面的代码一样，通过单击实际更改确定块大小的字段（再次单击“ Num Files”或“ Size in Bytes” ”）：

https://codepen.io/kwein1/pen/oVXRwe

这是修改后的代码：

.ui([
      {
         "method" : function(x){
            console.log("x " + x);
            document.getElementById("headerDrillDown").innerHTML = HeaderText + " by " + x;
         },

我不知道如何使“方法”同时执行。如果我应该使用另一种方法来做到这一点，那会很好。我需要能够知道“大小”（字段？方法？）何时在例如NumFiles和SumSizes之间更改。