我正在使用 Swimlane 的 Ngx Charts 构建一个用于图形数据表示的应用程序，但是当我通过重新调用 GET 函数来更新数据数组的刷新按钮更新数据时，我遇到了奇怪的行为。我将@angular/flex-layout 用于“类似平铺”的视图，但即使不使用它，我仍然会遇到这个问题——它只是增加了父容器。我不想在[view]属性中使用硬编码的 px 值，因为我希望它适用于任何大小的图形/图块。
我正在使用一个非常基本的垂直条形图：
<div>
<div>
<ngx-charts-bar-vertical [results]="dataArray"
[legend]="true"
[xAxis]="true"
[yAxis]="true"
[xAxisLabel]="'Date'"
[yAxisLabel]="'# tickets Raised'"
[showXAxisLabel]="true"
[showYAxisLabel]="true"></ngx-charts-bar-vertical>
</div>
<div>
<!-- Got a table here -->
</div>
</div>
要更新我dataArray正在做的事情：
export class DashboardComponent implements AfterViewInit {
constructor(private httpClient: HttpClient, private datePipe: DatePipe, private dataService: DataService) { }
dataArray: any[] = [];
getData(): void {
this.dataService.getSomeData<any[]>().subscribe(d => {
this.dataArray = d;
});
}
// Init
ngAfterViewInit(): void {
this.getData();
}
}
在初始加载时，它很好并且会填充容器（它可以）但是当我点击刷新按钮时，这是我得到的行为：
感谢您的时间。