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

{managers.map(managerName => { const managerData = data.filter(d => d.manager === managerName).sort((a, b) => a.month - b.month); return (

Динамика Объемов Продаж по Месяцам: {managerName}

monthLabels[tick]} style={{ fontSize: 12 }} /> `${(value / 1000000).toFixed(1)}M шт.`} style={{ fontSize: 12 }} stroke={CHART_1_COLOR} /> `${(value / 1000000).toFixed(1)}M ₽`} style={{ fontSize: 12 }} stroke={CHART_2_COLOR} /> { if (name === 'monthly_ordered_units') return [`${(value / 1000000).toFixed(2)}M шт.`, 'Объем в штуках']; if (name === 'monthly_revenue') return [`${(value / 1000000).toFixed(2)}M ₽`, 'Выручка в рублях']; return value; }} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} />

); })}

); };