通过自动缩放到展开的节点来管理大型分层数据（可折叠树）答案

【问题标题】：Managing large hierarchical data (collapsible tree) with auto-zooming to the expanded node通过自动缩放到展开的节点来管理大型分层数据（可折叠树）
【发布时间】：2021-04-13 18:41:32
【问题描述】：

我对 D3 非常陌生，我正在尝试在 this 之后可视化一个大型分层数据（类似于 this）。由于我的数据中的每个框都包含一行文本，因此无论我如何设置容器/树的高度和宽度，数据都不是真正可读的。我的 JavaScript 代码和教程一模一样。

我想创建一个从第一个框开始的页面，然后每次用户单击该框时，树都会缩放以适应展开的节点。当用户折叠节点时，它会缩放回原来的位置。这怎么可能？如果这不容易做到，有没有更好的方法来处理这个问题？

这是我将 Internet Explorer 放大到 33% 时看到的：

【问题讨论】：

标签： javascript d3.js data-visualization d3tree