const MonthlyAvgCheckConversionsChart = ({ 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 / 1000).toFixed(0)}K ₽`} style={{ fontSize: 12 }} stroke={CHART_1_COLOR} /> `${value.toFixed(1)}%`} style={{ fontSize: 12 }} stroke={CHART_2_COLOR} /> { if (name === 'monthly_average_check') return [`${value.toFixed(2)} ₽`, 'Средний чек']; if (name === 'monthly_unit_conversion_percent') return [`${value.toFixed(2)}%`, 'Конверсия (шт.)']; if (name === 'monthly_ruble_conversion_percent') return [`${value.toFixed(2)}%`, 'Конверсия (руб.)']; return value; }} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} />

); })}

); };