Семейное древо с несколькими родителями, использующими D3, VX и React - PullRequest
0 голосов
/ 25 января 2019

В настоящее время я пытаюсь создать семейное древо, которое будет иметь

  1. Супруги / партнеры (несколько)
  2. Дети супругов / партнеров

Я хочу, чтобы это было сделано в React.js, и я использую VX .

Согласно древовидной структуре D3, у нас может быть только один родитель для ребенка, поэтомучтобы создать дерево по моему выбору, я должен был выровнять партнеров как детей члена.И с дополнительным ключом JSON я стилизую партнеров.См. Пример ниже.

Family Tree with Partners as Children

То же самое доступно в моем репо

Я впечатлен тем, как Кирилл Чериан попытался реализовать дерево с партнерами в этом JSFiddle

`https://jsfiddle.net/cyril123/fcd5q8fv/1/`

, и я сделал его форк (Javascript)

`https://jsfiddle.net/Vaishak/x6bg9dcu/`

и внес некоторые изменения.

Family Tree wiht Partners

Но проблема в том, что у него не может быть нескольких супругов / партнеров чистым / простым способом, ему придется очень плохо модифицировать JSON.

Тот же сценарий JSFiddleтакже доступен в моем репо

Я хотел бы иметь сочетание обоих, где

  1. Партнеры будут выровнены с участникомдерева
  2. Партнер не будет иметь линию от любого другого узла (если не указано иное)
  3. Дети будут происходить из середины строки Партнера

Любое решениеВот?:)

Примечание. Я также разместил сообщение на странице выпуска VX github , но не уверен, что это там будет решено.

...