const ManagerProductPortfolioChart = ({ data }) => { // Filter for top 3 managers by overall revenue (from manager_overall_performance) // Assuming data is manager_product_portfolio, need to join or pre-filter // For now, let's just pick a few managers from the data const managersToDisplay = ['Перминова Н.А.', 'Бегунова Я.А.', 'Архипова С.В.']; const filteredData = data.filter(d => managersToDisplay.includes(d.manager)); // Aggregate data for stacked bar chart: manager, product_group, revenue_share_percent const transformedData = managersToDisplay.map(managerName => { const managerGroups = filteredData.filter(d => d.manager === managerName); const topGroups = managerGroups.sort((a, b) => b.revenue_share_percent - a.revenue_share_percent).slice(0, 5); const otherShare = managerGroups.slice(5).reduce((sum, d) => sum + d.revenue_share_percent, 0); const result = { manager: managerName }; topGroups.forEach(g => { result[g.product_group] = g.revenue_share_percent; }); if (otherShare > 0) { result['Прочее'] = otherShare; } return result; }); const allProductGroups = Array.from(new Set(filteredData.map(d => d.product_group))).sort(); const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR, '#FFC107', '#607D8B', '#795548', '#9E9E9E']; // More colors if needed return ( `${value}%`} style={{ fontSize: 12 }} /> [`${value.toFixed(2)}%`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {allProductGroups.slice(0, 5).map((group, index) => ( ))} {transformedData.some(d => d['Прочее']) && } ); };