CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #2791 from shubhamkumar9199/update/chart.js-v4

Browse Source 
WEB-353-chore(deps): upgrade Chart.js from v3.x to v4.x
This commit is contained in:
Jose Alberto Hernandez
2025-11-20 21:56:03 -05:00
committed by GitHub
parent 72c0e1d017 57583bed3b
commit 1ef4de51ce
6 changed files with 48 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+11 -8
View File
@@ -33,7 +33,7 @@
"@ngx-translate/http-loader": "^16.0.1",
"@swimlane/ngx-graph": "^10.0.0",
"@tailwindcss/forms": "^0.5.4",
"chart.js": "3.0.0-alpha",
"chart.js": "^4.5.1",
"d3": "^7.9.0",
"exceljs": "^4.4.0",
"html2canvas": "^1.4.1",
@@ -5625,9 +5625,9 @@
"license": "MIT"
},
"node_modules/@kurkle/color": {
"version": "0.1.9",
"resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.1.9.tgz",
"integrity": "sha512-K3Aul4Ct6O48yWw0/az5rqk2K76oNXXX3Su32Xkh4SfMFvPt0QEkq0Q6+3icE5S3U2c88WAuq3Vh1Iaz4aUH+w==",
"version": "0.3.4",
"resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
"integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
"license": "MIT"
},
"node_modules/@leichtgewicht/ip-codec": {
@@ -10122,12 +10122,15 @@
"license": "MIT"
},
"node_modules/chart.js": {
"version": "3.0.0-alpha",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.0.0-alpha.tgz",
"integrity": "sha512-9jbL1IsG9+1oq01GMKbeJ/257O46nVjQuYWEanpo0MuCr18cXMfkrzBTwdbl0VTOkIvWLJJcU5Cmhdc546k2bA==",
"version": "4.5.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
"integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
"license": "MIT",
"dependencies": {
"@kurkle/color": "^0.1.6"
"@kurkle/color": "^0.3.0"
},
"engines": {
"pnpm": ">=8"
}
},
"node_modules/check-more-types": {
package.json
+1 -1
View File
@@ -54,7 +54,7 @@
"@ngx-translate/http-loader": "^16.0.1",
"@swimlane/ngx-graph": "^10.0.0",
"@tailwindcss/forms": "^0.5.4",
"chart.js": "3.0.0-alpha",
"chart.js": "^4.5.1",
"d3": "^7.9.0",
"exceljs": "^4.4.0",
"html2canvas": "^1.4.1",
src/app/home/dashboard/amount-collected-pie/amount-collected-pie.component.ts
+4 -1
View File
@@ -7,12 +7,15 @@ import { ActivatedRoute } from '@angular/router';
import { HomeService } from '../../home.service';
/** Charting Imports */
import Chart from 'chart.js';
import { Chart, registerables } from 'chart.js';
import { MatCard, MatCardHeader, MatCardContent } from '@angular/material/card';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { NgFor, NgStyle, NgIf } from '@angular/common';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
// Register Chart.js components
Chart.register(...registerables);
/**
* Amount Collected Pie Chart Component
*/
src/app/home/dashboard/amount-disbursed-pie/amount-disbursed-pie.component.ts
+4 -1
View File
@@ -7,12 +7,15 @@ import { ActivatedRoute } from '@angular/router';
import { HomeService } from '../../home.service';
/** Charting Imports */
import Chart from 'chart.js';
import { Chart, registerables } from 'chart.js';
import { MatCard, MatCardHeader, MatCardContent } from '@angular/material/card';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { NgFor, NgStyle, NgIf } from '@angular/common';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
// Register Chart.js components
Chart.register(...registerables);
/**
* Amount Disbursed Pie Chart Component
*/
src/app/home/dashboard/client-trends-bar/client-trends-bar.component.ts
+8 -5
View File
@@ -12,13 +12,16 @@ import { HomeService } from '../../home.service';
/** Charting Imports */
import { Dates } from 'app/core/utils/dates';
import Chart from 'chart.js';
import { Chart, registerables } from 'chart.js';
import { MatCard, MatCardHeader, MatCardContent } from '@angular/material/card';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { NgFor, NgStyle } from '@angular/common';
import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
// Register Chart.js components
Chart.register(...registerables);
/**
* Client Trends Bar Chart Component.
*/
@@ -266,11 +269,11 @@ export class ClientTrendsBarComponent implements OnInit {
responsive: true,
scales: {
y: {
beginAtZero: true,
scaleLabel: {
min: 0,
title: {
display: true,
labelString: 'Values',
fontColor: '#1074B9'
text: 'Values',
color: '#1074B9'
}
}
}
src/app/reports/run-report/chart/chart.component.ts
+20 -15
View File
@@ -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
}
}
}
});