page stats fonctionelle et connectée a la bdd

This commit is contained in:
Quentin Roussel
2023-03-22 09:49:49 +01:00
parent 4b0f2f237f
commit cf6c4861cb
7 changed files with 169 additions and 77 deletions

View File

@@ -0,0 +1,34 @@
import React, { useRef } from 'react'
import { Bar } from 'react-chartjs-2'
import Chart from 'chart.js/auto'; //NE SURTOUT PAS SUPPRIMER CET IMPORT
export default function StatBarChart({labels, data}) {
return (
<Bar
options={{
redraw: true,
responsive: true,
interaction: {
intersect: false,
},
scales: {
x: {
stacked: true,
},
y: {
stacked: true
}
}
}}
data={{
labels: labels,
datasets: [
{
data: data,
backgroundColor: "#FF3B30",
},
]
}}
/>
)
}