const ManagerProductGroupComparisonChart = ({ data }) => { // Get top 3 product groups from overall_top_products (assuming it's available in context or pre-filtered) // For this example, I'll hardcode based on previous output: 'ИДН РЕЗИНА', 'Кабель-каналы РЕЗИНА', 'Услуги' const topProductGroups = ['ИДН РЕЗИНА', 'Кабель-каналы РЕЗИНА', 'Услуги']; const filteredData = data.filter(d => topProductGroups.includes(d.product_group)); // Transform data for grouped bar chart: each product group is a category, managers are bars const transformedData = topProductGroups.map(group => { const groupData = filteredData.filter(d => d.product_group === group); const result = { product_group: group }; groupData.forEach(d => { result[d.manager] = d.manager_group_revenue; }); return result; }); const managers = Array.from(new Set(filteredData.map(d => d.manager))).sort(); const colors = [CHART_1_COLOR, CHART_2_COLOR, CHART_3_COLOR, CHART_4_COLOR, CHART_5_COLOR, CHART_6_COLOR]; return ( `${(value / 1000000).toFixed(1)}M ₽`} style={{ fontSize: 12 }} /> [`${value.toLocaleString()} ₽`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {managers.map((manager, index) => ( ))} ); };