Interface admin : graph page d'accueil

code/interface_admin/components/ComparativeBarChart.jsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import { Bar } from 'react-chartjs-2'
+import Chart from 'chart.js/auto';
+
+export default function ComparativeBarChart({ xlabels, data0, label0, data1, label1, title }) {
+	return (
+		<Bar
+			options={{
+				plugins: {
+					title: {
+						display: true,
+						text: title 
+					},
+				},
+				responsive: true,
+				interaction: {
+					intersect: false,
+				},
+				scales: {
+					x: {
+						stacked: true,
+					},
+					y: {
+						stacked: true
+					}
+				}
+			}}
+			data={{
+				labels: xlabels,
+				datasets: [
+					{
+						label: label0,
+						data: data0,
+						backgroundColor: "#FF3B30",
+						stack: "stack0"
+					},
+					{
+						label: label1,
+						data: data1,
+						backgroundColor: "#0000FF",
+						stack: "stack1"
+					}
+				]
+			}}
+		/>
+	)
+}