const GroupMonthlyGrowthChart = ({ data }) => { const managers = [...new Set(data.map(d => d.manager))]; const monthLabels = { 1: 'Янв', 2: 'Фев', 3: 'Мар', 4: 'Апр', 5: 'Май', 6: 'Июн', 7: 'Июл', 8: 'Авг', 9: 'Сен', 10: 'Окт', 11: 'Ноя', 12: 'Дек' }; const COLORS = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR]; return (

{managers.map(managerName => { const managerData = data.filter(d => d.manager === managerName); const groups = [...new Set(managerData.map(d => d.nomenclature_group))]; return (

Динамика Выручки по Ключевым Группам Номенклатуры (Топ 5): {managerName}

monthLabels[tick]} style={{ fontSize: 12 }} /> `${(value / 1000).toFixed(0)}K ₽`} style={{ fontSize: 12 }} /> { const entry = managerData.find(d => d.nomenclature_group === name && d.monthly_revenue === value); const growth = entry ? entry.month_over_month_growth_percent : null; return [ `${(value / 1000).toFixed(2)}K ₽`, `${name} (Рост: ${growth !== null ? growth.toFixed(1) + '%' : 'N/A'})` ]; }} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {groups.map((group, index) => ( d.nomenclature_group === group)} /> ))}

); })}

); };