chore(deps): upgrade Chart.js from v3.x to v4.x

src/app/reports/run-report/chart/chart.component.ts

@@ -8,11 +8,14 @@ import { ReportsService } from '../../reports.service';
 import { ChartData } from '../../common-models/chart-data.model';
 
 /** Charting Imports */
-import Chart from 'chart.js';
+import { Chart, registerables } from 'chart.js';
 import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
 import { NgStyle } from '@angular/common';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
+// Register Chart.js components
+Chart.register(...registerables);
+
 /**
  * Chart Component
  */
@@ -81,9 +84,11 @@ export class ChartComponent implements OnChanges {
         ]
       },
       options: {
-        title: {
-          display: true,
-          text: inputData.keysLabel
+        plugins: {
+          title: {
+            display: true,
+            text: inputData.keysLabel
+          }
         }
       }
     });
@@ -110,19 +115,19 @@ export class ChartComponent implements OnChanges {
         ]
       },
       options: {
-        legend: { display: false },
+        plugins: {
+          legend: { display: false }
+        },
         scales: {
-          xAxes: [
-            {
-              scaleLabel: {
-                display: true,
-                labelString: inputData.keysLabel
-              },
-              ticks: {
-                beginAtZero: true
-              }
+          x: {
+            title: {
+              display: true,
+              text: inputData.keysLabel
             }
-          ]
+          },
+          y: {
+            min: 0
+          }
         }
       }
     });