Я создал одну ежемесячную инструментальную панель в своем приложении Angular 7, в которой отображаются 8 диаграмм (построенных с помощью диаграмм Google) для каждого месяца, а первая информация о диаграммах представлена в виде таблицы в нижней части диаграммы.
Когда яизменить месяц 8 различных API будут вызывать и загружать данные для 8 графиков.
Здесь проблема заключается в том, что мое приложение замедлялось. Даже при том, что я правильно следовал методологии отписки от API, страница падала из-за проблем с низкой производительностью.
Только эта страница панели инструментов столкнулась с этой проблемой, остальные страницы работают нормально.
Вот примеркод
this.widgetsList.forEach((eachWidget, i) => {
this.subsWidg.add(this.dashboardsService.getCountOfInProcessApprovals(this.monthId, this.processType, eachWidget.id).subscribe((res: any[]) => { }))
})
public ngOnDestroy() {
this.subsWidg.unsubscribe();
}
Другое замечание : я удалил весь свой код в компоненте и добавил диаграммы со статическими данными (не было вызовов API), но ответ на странице все тот же, без изменений. Я полагаю, что в моем приложении что-то доминирует в Google-диаграммах.