如何调整交互式 d3 重力模拟以在 localStorage 项目上进行操作？

Question

我正在尝试调整与此链接的 stackoverflow 答案（我现在无法找到！）：https://codepen.io/keetraxx/pen/oNzXKVN - 我确实保存了。

我希望使交互式电缆绘图（

.on("mouse*

方法）成为执行绘图的单个子例程。然而，电缆中点被拉到右侧，而不是模拟重力。经过一番绞尽脑汁和调试后，我可以看到在我想要的子例程中，3个中间节点没有分配

fx

和

fy

值。但我不知道如何解决问题。帮助？ ：D

这是我的“无法正常工作”的js和css代码：https://gist.github.com/ology/a13a274a42f5926be504f56c71b1e2aa

这是 js 实际运行的屏幕截图：，其中橙色电缆是与

.on(mouse*

方法交互绘制的，而挤出的蓝色电缆是使用我改编的子例程绘制的。

我尝试将

.on("mouse*

方法的内部结构复制粘贴到单个子例程中，并在本地存储电缆的循环中触发它，但重力模拟不正确。

Answer 1

问题原来是我没有使用整数作为我的节点坐标。

x0

函数中

y0

、

x1

、

y1

和

draw_patch()

的赋值，应该在

parseInt()

转换了相应的

split

字符串部分之后分别被赋值。