Как начать с ngx-графа для Angular 7

Question

Я пытаюсь использовать ngx-graph для Angular 7 для создания сетевой диаграммы.Но так как документация не очень хорошая, а демо слишком много для новичка, я был бы признателен за любую помощь в том, как начать с ngx-graph.Может быть, с небольшим примером с 2 узлами и 1 связью между ними.

Я надеюсь, что кто-нибудь может мне помочь.

Спасибо:)

Answer 1

Для этого есть документация: https://github.com/swimlane/ngx-graph

Сначала установите пакет с зависимостью D3:

npm install @swimlane/ngx-graph --save
npm install d3 --save

И импортируйте NgxGraphModule в свой модуль (app.module.ts).

После этого вы можете использовать компонент <ngx-graph></ngx-graph> в своих компонентах (HTML) и данные в логике компонента.Документация объясняет и содержит пример того, как установить данные и необходимые свойства.

Демо

Демо-код