Перезагрузить ngx-граф с новыми данными

Question

Я пробую плавательный план ngx-graph, в моем приложении пользователь может удалять или добавлять узлы. На основании удаления или добавления действия я обновлю свои данные соответственно.

Реальный вопрос сейчас заключается в том, как я могу обновить свой график, не обновляя всю страницу.

Answer 1

Вы можете обновить его, используя update$ вариант графика,

HTML:

<ngx-graph
    . . . // Other options
    [update$]="update$"
    . . . 
>

TS:

// Observable for update 
update$: Subject<any> = new Subject();

// Update function
updateChart(){
    this.update$.next(true);
}

Как только вы обновите свои данные, позвоните updateChart()

Answer 2

Для людей, получающих 'Cannot assign to 'data' because it is an import.' используя ответ Thanan_Jajes, у меня сработало следующее:

      Object.assign(this, {data: [...data]});

Answer 3

Вы пытаетесь изменить данные не распознается обнаружением изменений.

 this.data = updatedData;

вместо этого попробуйте распределить данные, чтобы обнаружить изменения. У меня это сработало.

 this.data = [...updatedData];