const ProductGroupUnrealizedOrdersChart = ({ data }) => { const chartData = data.filter(d => d.total_ordered_units > 0 && d.percent_not_sold_units > 0); const aggregatedData = chartData.reduce((acc, curr) => { if (!acc[curr.product_group]) { acc[curr.product_group] = { product_group: curr.product_group, total_not_sold_units: 0, total_ordered_units: 0 }; } acc[curr.product_group].total_not_sold_units += curr.total_not_sold_units; acc[curr.product_group].total_ordered_units += curr.total_ordered_units; return acc; }, {}); const finalChartData = Object.values(aggregatedData).map(d => ({ product_group: d.product_group, percent_not_sold_units: d.total_ordered_units > 0 ? (d.total_not_sold_units / d.total_ordered_units * 100).toFixed(2) : 0 })).filter(d => d.percent_not_sold_units > 0); const sortedData = [...finalChartData].sort((a, b) => b.percent_not_sold_units - a.percent_not_sold_units).slice(0, 15); // Top 15 for clarity return ( `${value}%`} style={{ fontSize: 12 }} /> [`${value}%`, 'Доля нереализованных ед.']} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> ); };