javascript - 以下代码如何摆脱不定义节点初始 x 和 y 坐标的情况？

Question

请您注意此处精彩的 d3 示例 - http://www.d3noob.org/2013/03/d3js-force-directed-graph-example-basic.html ，为什么 x 和 y 坐标在力中指定为 d.nodes.x 和 d.nodes.y，但在第一个实例中从未指定这些？

对 ontick fn“mean”内的 x 和 y 坐标的解释也很有用 - 这是节点在力的持续时间内应移动到的 x 和 y 坐标(一旦 force.start( )已激活)？激活force.draggable后，这些坐标是否会成为节点应趋向的坐标？

预先感谢您的帮助。

Answer 1

答案就在 d3noob 页面上:当你将它们与链接关联时，初始节点位置是由 d3.js 任意确定的，即

links.forEach(function(link) {
  link.source = nodes[link.source] || 
    (nodes[link.source] = {name: link.source});
  link.target = nodes[link.target] || 
    (nodes[link.target] = {name: link.target});
  link.value = +link.value;
});

不过我不太确定你问题的其余部分。您指的是勾选功能吗？

我是这样想的:在每个刻度处，所有链接(和/或节点......不太确定)的 x 和 y 位置都会发生变化，因此您需要根据情况重新绘制路径和圆圈到新的 x 和 y。如何重新绘制这些东西取决于你的tick函数。