首先：d3版本："version": "3.5.17"
我有两种不同的专题地图，一个比例符号地图和一个伪德默斯地图，其符号（圆圈，与比例符号相同）尽可能接近其原点，并带有碰撞检测和重力。
但是，我想将比例符号地图中的圆圈设置为制图。特别是，我只想触发我的力导向图以进行碰撞检测和重力；这是第一次正常工作。我提供了一个从制图返回到比例符号地图的动画，其中每个符号只是移回其质心。现在，如果我想回到制图，代码会失败并且它说Uncaught TypeError: Cannot read property '1' of undefined，即使我在第一次触发它的同时再次触发它。这是部队可重用性的某种错误吗？还是我这边的某种错误？
问题可以在这里测试：https ://particles-masterthesis.github.io/aggregation/ ；在左上角，您可以在比例符号和图表之间切换。
我正在使用的适当代码如下：
case 'psm_cartogram':
let psm = this.currentViz;
information = {
data: psm.nodes,
symbols: psm.symbols
};
upcomingViz.obj = this.canvas.drawCartogram(
null,
this.currentViz.constructor.name === "Cartogram",
information,
() => {
this.currentViz.hide(false, true);
this.fadeOutParticles();
}
);
upcomingViz.type = 'cartogram';
resolve(upcomingViz);
break;
关键部分在information对象中，我在地图和比例符号地图之间共享相同的对象
在图表中，我有以下重要代码：
``` this.force = this.baseMap._d3.layout.force() .charge(0) .gravity(0) .size([this.width - this.symbolPadding, this.height - this.symbolPadding]);
this.nodes = keepInformation.data;
this.node = keepInformation.symbols;
this.force
.nodes(this.nodes)
.on("tick", this.tick.bind(this, 0.0099))
.start();
...
tick(gravity) {
this.node
.each(this.gravity(gravity))
.each(this.collide(0.25))
.attr("cx", d => { return d.x; })
.attr("cy", d => { return d.y; });
}
gravity(k) {
return d => {
d.x += (d.x0 - d.x) * k;
d.y += (d.y0 - d.y) * k;
};
}
//the collide function is not shown as it is a simple quadtree
```
如果有任何帮助，代码也可以在https://github.com/particles-masterthesis/aggregation/src/js/visualization/map获得。主要代码是过渡管理器和两种类型的地图。
我很感谢我能得到的任何建议和支持，即使它只是一个简单的提示，我可以检查一下。
PS：
这是两张截图；第一个对于不同的日志很重要，在执行任何重力等之前，cartogram:132它是-function 中console.log(this.node)的 a，第二个提到了错误。tick
为了更多地理解第一个日志：它从登录this.nodetick 函数开始；之后，触发了对 psm 的可视化更改（cartogram_psm），稍后更改回制图，然后出现错误。