react-d3-graph устанавливает начальные позиции для узлов - PullRequest
Новая
       37

react-d3-graph устанавливает начальные позиции для узлов

2 голосов
/ 16 июня 2020

Здесь кто-нибудь пользуется библиотекой react-d3-graph? https://danielcaldas.github.io/react-d3-graph/docs/index.html Я пытаюсь найти способ дать моим узлам начальные позиции, я не уверен, как их позиции устанавливаются при рендеринге прямо сейчас. Есть идеи, как это сделать?

Спасибо

1 Ответ

0 голосов
/ 18 августа 2020

Я не смог найти его в документации, но вы можете просто добавить свойство x и y к узлу, чтобы задать ему начальную позицию. (Работает независимо от того, установлен ли параметр 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' }],
  }}
/>

Также возможно иметь координаты только для некоторых узлов. Тогда те, что без координат, будут размещены случайным образом.

...