fix(chartjs): use afterRender, afterNextRender fails - temp fix

Author: xidedix

projects/coreui-angular-chartjs/src/lib/chartjs.component.spec.ts

@@ -1,7 +1,7 @@
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 
 import { ChartjsComponent } from './chartjs.component';
-import { Chart, registerables } from 'chart.js';
+import { Chart, ChartData, registerables } from 'chart.js';
 
 describe('ChartjsComponent', () => {
   let component: ChartjsComponent;
@@ -16,7 +16,7 @@ describe('ChartjsComponent', () => {
 
   const labels = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
 
-  const data = {
+  const data: ChartData = {
     labels: labels,
     datasets: [{
       data: [65, 59, 84, 84, 51, 55, 40],

projects/coreui-angular-chartjs/src/lib/chartjs.component.ts

@@ -1,5 +1,5 @@
 import {
-  afterNextRender,
+  afterRender,
   AfterRenderPhase,
   AfterViewInit,
   booleanAttribute,
@@ -84,10 +84,11 @@ export class ChartjsComponent<TType extends ChartType = ChartType, TData = Defau
     private renderer: Renderer2,
     private changeDetectorRef: ChangeDetectorRef
   ) {
-    afterNextRender(() => {
+    // todo: verify afterRender / afterNextRender for chartjs (spec fails with 17.0.10)
+    afterRender(() => {
       this.ctx = this.canvasElement?.nativeElement?.getContext('2d');
       this.chartRender();
-    }, { phase: AfterRenderPhase.Read });
+    }, { phase: AfterRenderPhase.Write });
   }
 
   ngAfterViewInit(): void {