javascript - react-d3-graph 设置节点的起始位置

Question

这里有人使用库 react-d3-graph 吗？ https://danielcaldas.github.io/react-d3-graph/docs/index.html 我正在尝试找到一种方法来给我的节点起始位置，我不确定它们的位置现在是如何在渲染时设置的。知道该怎么做吗？

谢谢

Answer 1

我在文档中找不到它，但您只需向节点添加一个xandy属性即可为其提供初始位置。（无论您是否设置道具都有效staticGraph。）

以下将每次将节点“a”放置在节点“b”之上，而不是随机放置它们。

<Graph
  id="test-graph"
  data={{
    nodes: [
      { id: 'a', x: 0, y: 0 },
      { id: 'b', x: 0, y: 1 },
    ],
    links: [{ source: 'a', target: 'b' }],
  }}
/>

也可以仅在某些节点上具有坐标。然后那些没有坐标的将被随机放置。