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

x33g5p2x  于 2022-11-12  发布在  React
关注(0)|答案(1)|浏览(173)

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

sauutmhj

sauutmhj1#

我在文档中找不到它,但您可以向节点添加xy属性,以为其给予初始位置(无论是否设置属性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' }],
  }}
/>

也可以只在一些节点上有坐标,然后没有坐标的节点将被随机放置。

相关问题