const ManagerSeasonalUnitsBarChart = ({ data }) => { const managers = [...new Set(data.map(d => d.manager))]; const groups = [...new Set(data.map(d => d.nomenclature_group))]; const months = [...new Set(data.map(d => d.month))].sort((a, b) => a - b); const processedData = months.map(month => { const monthNames = ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл"]; const monthLabel = monthNames[month - 1]; const monthEntry = { month: monthLabel }; managers.forEach(manager => { groups.forEach(group => { const value = data.find(d => d.manager === manager && d.nomenclature_group === group && d.month === month); monthEntry[`${manager} - ${group}`] = parseFloat(value?.monthly_ordered_units || 0); }); }); return monthEntry; }); const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR, '#8884d8', '#82ca9d', '#ffc658', '#ff7300', '#a4de6c', '#d0ed57']; // More colors for more combinations return ( `${(value / 1000).toFixed(0)}k шт.`} label={{ value: "Заказанные единицы", angle: -90, position: "insideLeft", offset: 10 }} style={{ fontSize: 12 }} /> [`${value.toLocaleString()} шт.`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {managers.flatMap((manager, managerIndex) => groups.map((group, groupIndex) => ( )) )} ); };