const MonthlyAvgClosePriceYoY = ({ data }) => { const processedData = data.reduce((acc, curr) => { const month = curr.month_label.substring(5); // Extract MM from YYYY-MM let existingMonth = acc.find(item => item.month === month); if (!existingMonth) { existingMonth = { month: month }; acc.push(existingMonth); } if (curr.year === 2023) { // Assuming 2023 is the first year of the 2-year period existingMonth.year1_avg_close = curr.avg_close; } else if (curr.year === 2024) { // Assuming 2024 is the second year existingMonth.year2_avg_close = curr.avg_close; } else if (curr.year === 2025) { // Assuming 2025 is the third year, if data extends existingMonth.year3_avg_close = curr.avg_close; } return acc; }, []).sort((a, b) => a.month.localeCompare(b.month)); // Sort by month (MM) return ( `$${value.toFixed(2)}`} label={{ value: 'Average Close Price ($)', angle: -90, position: 'insideLeft', style: { textAnchor: 'middle', fontSize: 12 } }} style={{ fontSize: 12 }} /> [`$${value.toFixed(2)}`, 'Avg Close Price']} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> ); };