Javascript 使用可缩放的d3树映射更改数据源

我对d3非常陌生，在我花太多时间编写这段代码之前，我想了解一下。这个可缩放的树形图（，我最初从中获得）使用d3转换，一次只显示两个层次的数据层次结构。数据以JSON文件的形式提供，格式如下：

{
 "name": "layout",
       "children": [
        {"name": "AxisLayout", "value": 6725},
        {"name": "BundledEdgeRouter", "value": 3727}}
}

我想在JSON中添加第二个数据集，它看起来像下面的代码，并允许用户通过下拉菜单与数据集交互，如本例（）

---

这是可能的还是因为d3无法处理隐藏的节点级别？例如，如果放大数据源发生变化时会发生什么，然后缩小。

原则上是的，取决于“句柄”的含义。@Larskothoff我添加了一点细节。本质上是已经放大，然后切换数据源，缩小时会发生什么？这取决于您的特定实现，但您可能希望在更改数据时缩小，因为放大视图可能对不同的数据没有意义。原则上是的，取决于“句柄”的含义.@Larskothoff我补充了一点细节。本质上是已经放大，然后切换数据源，缩小时会发生什么？这取决于您的特定实现，但您可能希望在更改数据时缩小，因为放大视图可能对不同的数据没有意义。原则上是的，取决于“句柄”的含义.@Larskothoff我补充了一点细节。基本上已经放大了，然后切换数据源，缩小时会发生什么？这取决于您的特定实现，但您可能希望在更改数据时缩小，因为放大视图可能对不同的数据没有意义。

{
 "name": "layout",
       "children": [
        {"name": "AxisLayout", "value": 6725, "othervalue" : 2},
        {"name": "BundledEdgeRouter", "value": 3727, "othervalue" : 2}
        ]
}