Javascript D3强制布局开始需要5秒执行

我在我的项目中使用d3，并在其中使用了force布局

执行d3 force.start功能后，需要5秒钟的时间在浏览器中进行布局和显示内容

示例仅使用具有2个节点的强制布局。很简单，对吧？但是加载这些节点需要很长时间

---

问：这种布局是正常的还是有一种错误的味道？

我想你只是误解了这个例子。加载节点不需要5秒钟。布局冷却到稳定需要5秒钟

最初，节点随机定位，并发出启动事件。然后，强制布局进入循环，在循环中重新计算节点位置，并通过逐渐减小alpha值来冷却布局。对于每个循环过程，都会发出一个勾号事件。最后，当布局已稳定且alpha足够接近零时，将发出结束事件

示例中的代码仅在发出结束事件时显示节点：

// We're about to tell the force layout to start its
// calculations. We do, however, want to know when those
// calculations are complete, so before we kick things off
// we'll define a function that we want the layout to call
// once the calculations are done.

force.on('end', function() { ...

可以将其更改为勾选，如中所示，以查看节点立即显示。但在布局稳定之前，节点将一直弹跳

---

您可以在中阅读有关强制布局的更多信息。这是有关的信息。

我想你只是误解了这个例子。加载节点不需要5秒钟。布局冷却到稳定需要5秒钟

最初，节点随机定位，并发出启动事件。然后，强制布局进入循环，在循环中重新计算节点位置，并通过逐渐减小alpha值来冷却布局。对于每个循环过程，都会发出一个勾号事件。最后，当布局已稳定且alpha足够接近零时，将发出结束事件

示例中的代码仅在发出结束事件时显示节点：

// We're about to tell the force layout to start its
// calculations. We do, however, want to know when those
// calculations are complete, so before we kick things off
// we'll define a function that we want the layout to call
// once the calculations are done.

force.on('end', function() { ...

可以将其更改为勾选，如中所示，以查看节点立即显示。但在布局稳定之前，节点将一直弹跳

您可以在中阅读有关强制布局的更多信息。这是关于你的信息