const ManagerMonthlyRevenueChart = ({ data }) => { const managers = [...new Set(data.map(d => d.manager))]; const months = [...new Set(data.map(d => d.month))].sort((a, b) => a - b); const chartData = months.map(month => { const monthData = { month: month }; managers.forEach(manager => { const entry = data.find(d => d.manager === manager && d.month === month); monthData[manager] = entry ? entry.monthly_revenue : 0; }); return monthData; }); const monthLabels = { 1: 'Янв', 2: 'Фев', 3: 'Мар', 4: 'Апр', 5: 'Май', 6: 'Июн', 7: 'Июл' }; const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR]; return ( monthLabels[tick]} style={{ fontSize: 12 }} label={{ value: 'Месяц', position: 'insideBottom', offset: -15, style: { fill: FOREGROUND_COLOR } }} /> `${(value / 1000000).toFixed(1)}M ₽`} style={{ fontSize: 12 }} label={{ value: 'Выручка (₽)', angle: -90, position: 'insideLeft', offset: -70, style: { textAnchor: 'middle', fill: FOREGROUND_COLOR } }} /> [`${value.toLocaleString()} ₽`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {managers.map((manager, index) => ( ))} ); };