chart-component-data-subscription.ts

@Component({
   // ...
})
export class ChartComponent implements AfterViewInit {
   @ViewChild('chartCanvas') chartCanvas!: any;
   private dataSubscription!: Subscription;
   public isLoading: boolean = true;

   constructor(private dataService: DataService) {}
   
   ngAfterViewInit(): void {
      this.dataSubscription = this.dataService.data$.subscribe(
         (data: ChartData) => {
            // Do something with the generated data!
            if (typeof Worker !== undefined) {
               this.renderWithWorker(data);
            } else {
               this.renderChart(data);
               this.isLoading = false;
            }
         }
      );
   }
   
   // ...
}