const SeasonalNomenclatureMonthlySalesChart = ({ data }) => { const nomenclatureGroups = Array.from(new Set(data.map(d => d.nomenclature_group))); const months = Array.from(new Set(data.map(d => d.month))).sort((a, b) => a - b); const chartData = months.map(month => { const monthData = { month: month }; nomenclatureGroups.forEach(group => { const entry = data.find(d => d.month === month && d.nomenclature_group === group); monthData[group] = entry ? entry.monthly_order_amount_rub : 0; }); return monthData; }); const monthLabels = { 1: 'Янв', 2: 'Фев', 3: 'Мар', 4: 'Апр', 5: 'Май', 6: 'Июн', 7: 'Июл' }; const colors = [CHART_1_COLOR, CHART_3_COLOR, CHART_4_COLOR]; // Specific colors for seasonal groups return ( monthLabels[value]} style={{ fontSize: 12 }} /> `${(value / 1000000).toFixed(1)}M ₽`} style={{ fontSize: 12 }} /> [`${value.toLocaleString()} ₽`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {nomenclatureGroups.map((group, index) => ( ))} ); };