const ManagerRevenueByTopGroupsChart = ({ data }) => { // Assuming 'top10_nomenclature_groups_revenue' data is available to get top groups // For this example, I'll hardcode top groups based on previous query results const topGroups = ['ИДН РЕЗИНА', 'Услуги', 'ИДН КОМПОЗИТ', 'Кабель-каналы РЕЗИНА', 'Столбики гибкие']; const filteredData = data.filter(d => topGroups.includes(d.nomenclature_group)); const managers = [...new Set(filteredData.map(d => d.manager))]; const chartData = topGroups.map(group => { const groupData = { nomenclature_group: group }; managers.forEach(manager => { const entry = filteredData.find(d => d.manager === manager && d.nomenclature_group === group); groupData[manager] = entry ? entry.group_revenue : 0; }); return groupData; }); 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 }} label={{ value: 'Выручка (₽)', angle: -90, position: 'insideLeft', offset: -70, style: { textAnchor: 'middle', fill: FOREGROUND_COLOR } }} /> [`${value.toLocaleString()} ₽`, name]} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {managers.map((manager, index) => ( ))} ); };