使用新数据重新加载 ngx-graph

Question

我正在试用 swimlane 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

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

 this.data = updatedData;

而是尝试分散数据，这样可以检测到变化。它对我有用。

 this.data = [...updatedData];

Answer 3

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

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

Reload ngx-graph with new data