太多 Service 在同一頁 ?

各位前進大家好

小弟是 Angular 新手, 最近有一個圖表的面頁是把公司所有產品類別的過去幾年資料
都做成曲線圖都放在同一頁。

像下面這樣, 我放在 OnInit() 事件中, 一個一個 subscribe 進來

Web API 那端也有非同步傳輸,

this.revenueservice.get_MixRevenue(‘A’)
.subscribe( m => this.ACurve = m );

this.revenueservice.get_MixRevenue(‘B’)
.subscribe( m => this.BCurve = m );

this.revenueservice.get_MixRevenue(‘C’)
.subscribe( m => this.CCurve = m );

this.revenueservice.get_MixRevenue(‘D’)
.subscribe( m => this.DCurve = m );

以此類推, 同一個畫面中有超過 20 個, 我在自己本機測試

只要 Service subscribe 一多, 後面圖表的曲線圖就常常會出錯

不是圖出不來, 就是最近五年只剩下最近三年

請問有什麼建議可以改善這種狀況 ?

謝謝

F12的console有出現錯誤訊息嗎?

查到了, 因為

剛查到這個原因, console 也證明是這樣, 還在想要怎麼處理 XDD

初步是想了一些匪類應急的方法

(1) 都包在一包, 一次呼叫 Service 傳回來, 但這有一些資料結構上的問題, 還有圖表控制的對應問題

(2) 叫 USER 自己分批按按鈕… 再呼叫 Service

(3) 用 setInterval 慢慢分批載入

科科…

2個讚