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

Question

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

谢谢

Answer 1

我在文档中找不到它，但您只需将 x 和 y 属性添加到节点即可为其指定初始位置。 （不管你是否设置了 prop 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' }],
  }}
/>

也可以仅在某些节点上具有坐标。那么没有坐标的会随机放置。