const SeasonalGroupRevenueTrend = ({ 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_revenue) }); } else { monthData[row.nomenclature_group] = (monthData[row.nomenclature_group] || 0) + parseFloat(row.monthly_revenue); } 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 / 1000000).toFixed(1)}M ₽`} label={{ value: "Выручка", angle: -90, position: "insideLeft", offset: 10 }} style={{ fontSize: 12 }} /> [`${(value / 1000000).toFixed(2)}M ₽`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {groups.map((group, index) => ( ))} ); };