javascript - 是否可以在 d3 中将一个(或多个)布局嵌套在另一个不同的布局中？

Question

我正在尝试构建一个力导向布局，其中连接的节点有自己的内部布局，而不仅仅是一个递归力导向布局(我相信，层次结构布局是可能的)。 “内部”布局将是自定义的，但是为了说明起见，我希望节点在内部具有分区布局。这可能吗？

Answer 1

我的问题实际上是双重的:

1. 您能否使用 D3 以合理的方式实现不止一种布局样式(例如，在力导向图中的气泡图)，或者 D3 是否是此类布局的错误工具一件事，和
2. 您可以为这些布局中的每一个使用 D3 布局，还是必须自定义所有内容。

最终，设计发生了变化，不再需要这种奇怪的场景。不过，我对 D3 更加熟悉，我想我可以回答。

是的。可以办到。每个布局都是它自己的离散对象，有它自己的工作数据，并且可以给它自己的 DOM 元素来填充。创建甚至共享相同数据和 DOM 输出的两个布局可能会奏效，如果您可以管理两者之间的交互(确保一个只在需要时覆盖另一个的更改)。

我知道您可以肯定做的是手动操作任何 D3 正在做的事情。实际上，在开发过程中的某一时刻，我确实在同一页面上有两个布局，想想看。我用预先确定的 x/y 坐标布置了一半的图形，并允许通过力导向布局布置其余部分。第一组，手动放置的节点，可能是由其他一些逻辑而不是预先确定的坐标放置的，并且功能大致相同。