import {
Bar,
BarChart,
CartesianGrid,
ResponsiveContainer,
Tooltip,
XAxis,
YAxis,
Area,
AreaChart,
Radar,
RadarChart,
PolarGrid,
PolarAngleAxis,
PolarRadiusAxis,
PieChart,
Pie,
Cell,
LineChart,
Line,
} from 'recharts';
const attendanceData = [
{ name: 'Jan', presents: 110, absents: 5 },
{ name: 'Fév', presents: 112, absents: 3 },
{ name: 'Mar', presents: 111, absents: 8 },
{ name: 'Avr', presents: 115, absents: 2 },
{ name: 'Mai', presents: 116, absents: 4 },
{ name: 'Juin', presents: 118, absents: 1 },
];
export function EmployeeAttendanceChart() {
return (
);
}
const payrollData = [
{ name: 'Jan', amount: 42000 },
{ name: 'Fév', amount: 43500 },
{ name: 'Mar', amount: 43000 },
{ name: 'Avr', amount: 45000 },
{ name: 'Mai', amount: 46200 },
{ name: 'Juin', amount: 47000 },
];
export function PayrollEvolutionChart() {
return (
`${value / 1000}k`} />
[`${value.toLocaleString()}`, 'Masse Salariale']} />
);
}
const performanceData = [
{ subject: 'Leadership', A: 120, B: 110, fullMark: 150 },
{ subject: 'Technique', A: 98, B: 130, fullMark: 150 },
{ subject: 'Communication', A: 86, B: 130, fullMark: 150 },
{ subject: 'Travail d\'équipe', A: 99, B: 100, fullMark: 150 },
{ subject: 'Ponctualité', A: 85, B: 90, fullMark: 150 },
{ subject: 'Autonomie', A: 65, B: 85, fullMark: 150 },
];
export function PerformanceRadarChart() {
return (
);
}
const turnoverData = [
{ name: 'Départs', value: 4 },
{ name: 'Arrivées', value: 12 },
{ name: 'Stables', value: 115 },
];
const COLORS = ['var(--chart-4)', 'var(--chart-3)', 'var(--chart-1)'];
export function TurnoverPieChart() {
return (
{turnoverData.map((entry, index) => (
|
))}
3.4%
Taux
);
}
const recruitmentData = [
{ name: 'Candidatures', count: 145 },
{ name: 'Entretiens', count: 42 },
{ name: 'Offres', count: 15 },
{ name: 'Embauches', count: 12 },
];
export function RecruitmentFunnelChart() {
return (
);
}