const SeasonalGroupUnitsTrend = ({ data }) => { const processedData = data.reduce((acc, row) => { const monthData = acc.find(item => item.month === row.month); if (!monthData) { acc.push({ month: row.month, [row.nomenclature_group]: parseFloat(row.monthly_ordered_units) }); } else { monthData[row.nomenclature_group] = (monthData[row.nomenclature_group] || 0) + parseFloat(row.monthly_ordered_units); } return acc; }, []).sort((a, b) => a.month - b.month); const groups = [...new Set(data.map(d => d.nomenclature_group))]; const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR]; return ( { const monthNames = ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл"]; return monthNames[value - 1]; }} style={{ fontSize: 12 }} /> `${(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 }} /> {groups.map((group, index) => ( ))} ); };