feat: create ng-ovh-chart component

[lizardK]

Question	Answer
Branch?	master
Bug fix?	no
New feature?	no
Breaking change?	yes
Tickets	MANAGER-14137
License	BSD 3-Clause

• Try to keep pull requests small so they can be easily reviewed.
• Commits are signed-off
• Only FR translations have been updated
• Branch is up-to-date with target branch
• Lint has passed locally
• Standalone app was ran and tested locally
• Ticket reference is mentioned in linked commits (internal only)
• Breaking change is mentioned in relevant commits

Description

Create ng-ovh-chart component based on chart.js latest version.

Related

[github-actions]

yarn.lock changes

Click to toggle table visibility

Name	Status	Previous	Current
@kurkle/color		-	0.3.2
angular-chart.js		1.1.1	-
c8		-	9.1.0
chart.js		2.9.4	4.4.2
chartjs-adapter-date-fns		-	3.0.0
chartjs-color		2.4.1	-
chartjs-color-string		0.6.0	-
chartjs-plugin-zoom		0.6.6	2.0.1

[qpavy]

Suggested change

	this.options.scales.y.title.text = label;
	if(!this.options.scales.y.title) {
	his.options.scales.y.title = { display: true };
	}
	this.options.scales.y.title.text = label;

[ghyenne]

Suggested change

	this.kpiInterfaces = devices.networkInterfaces;
	this.kpiInterfaces = devices.networkInterfaces
	.filter((netInterface) => netInterface.gateway != null)
	.map((netInterface) =>
	netInterface.device ? netInterface.device : netInterface.name,
	);

This chart doesn't work if you apply this change. Because the this.kpiInterfaces should be an array not an array of object

for const filteredDown = inStats.filter(
(d) => this.kpiInterfaces.indexOf(d.tags.interface) > -1,
);

and same for upload

[ghyenne]

#11525

[sonarcloud]

Quality Gate failed

Failed conditions
8.2% Duplication on New Code (required ≤ 3%)

See analysis details on SonarCloud