用新数据重新加载ngx-graph

Question

我正在尝试swimlane ngx-graph，在我的应用程序中，用户可以删除或添加节点。基于删除或添加操作，我将相应地更新数据。

现在真正的问题是如何在不刷新整个页面的情况下刷新图形。

Answer 1

对于使用 Thanan_Jajes 回答获得 'Cannot assign to 'data' because it is an import.' 的人，以下对我有用：

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

Answer 2

您可以使用图表的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 3

更改检测无法识别您尝试修改的数据。

 this.data = updatedData;

请尝试分散数据，以检测更改。它对我有用。

 this.data = [...updatedData];