const MonthlyAvgVolumeYoY = ({ 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_volume = curr.avg_volume; } else if (curr.year === 2024) { // Assuming 2024 is the second year existingMonth.year2_avg_volume = curr.avg_volume; } else if (curr.year === 2025) { // Assuming 2025 is the third year, if data extends existingMonth.year3_avg_volume = curr.avg_volume; } return acc; }, []).sort((a, b) => a.month.localeCompare(b.month)); // Sort by month (MM) return ( `${(value / 1000000).toFixed(0)}M`} label={{ value: 'Average Volume (Shares)', angle: -90, position: 'insideLeft', style: { textAnchor: 'middle', fontSize: 12 } }} style={{ fontSize: 12 }} /> [`${value.toLocaleString()} shares`, 'Avg Volume']} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> ); };