const SeasonalProductGroupRevenueTrend = ({ data }) => { const seasonalProductGroups = ['Кабель-каналы РЕЗИНА', 'ИДН РЕЗИНА', 'Съезды с бордюра']; // Assuming 'Съезды с бордюра' is a product group const filteredData = data.filter(d => seasonalProductGroups.includes(d.product_group)); const months = [...new Set(filteredData.map(d => d.month_label))].sort(); const chartData = months.map(month => { const monthEntry = { month_label: month }; seasonalProductGroups.forEach(pg => { const pgData = filteredData.find(d => d.month_label === month && d.product_group === pg); monthEntry[pg] = pgData ? pgData.monthly_revenue : 0; }); return monthEntry; }); const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR]; return ( `$${(value / 1000000).toFixed(1)}M`} style={{ fontSize: 12 }} /> [`$${value.toLocaleString()}`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {seasonalProductGroups.map((pg, index) => ( ))} ); };