const SeasonalGroupMonthlyRevenueChart = ({ data }) => { const productGroups = [...new Set(data.map(d => d.product_group))].sort(); const managers = [...new Set(data.map(d => d.manager))].sort(); const months = [...new Set(data.map(d => d.sortable_month))].sort(); const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR]; return (

{productGroups.map((group, groupIndex) => { const filteredData = data.filter(d => d.product_group === group); const chartData = months.map(month => { const monthData = { display_month: filteredData.find(d => d.sortable_month === month)?.display_month || month }; managers.forEach(manager => { const entry = filteredData.find(d => d.manager === manager && d.sortable_month === month); monthData[manager] = entry ? entry.monthly_revenue : 0; }); return monthData; }); return (

{`Динамика выручки по группе: ${group}`}

`${(value / 1000).toFixed(0)}k ₽`} style={{ fontSize: 12 }} /> [`${value.toLocaleString()} ₽`, 'Выручка']} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {managers.map((manager, managerIndex) => ( ))}

); })}

); };