const OverallPerformanceChart = ({ data }) => { const managers = data.map(d => d.manager); const metrics = [ { key: 'total_revenue', name: 'Выручка', color: CHART_1_COLOR, type: 'bar' }, { key: 'total_gross_profit', name: 'Валовая прибыль', color: CHART_2_COLOR, type: 'bar' }, { key: 'overall_profitability_percent', name: 'Рентабельность (%)', color: CHART_3_COLOR, type: 'line', yAxisId: 'percent' }, { key: 'overall_conversion_ruble_percent', name: 'Конверсия (₽, %)', color: CHART_4_COLOR, type: 'line', yAxisId: 'percent' }, { key: 'overall_average_check', name: 'Средний чек', color: CHART_5_COLOR, type: 'bar' }, { key: 'overall_quantity_not_realized_percent', name: 'Нереализовано (%)', color: CHART_6_COLOR, type: 'line', yAxisId: 'percent' } ]; return ( `₽${(value / 1000).toFixed(0)}k`} style={{ fontSize: 12 }} /> `${value.toFixed(0)}%`} style={{ fontSize: 12 }} /> { if (name.includes('%')) { return [`${name}: ${value.toFixed(2)}%`]; } return [`${name}: ₽${value.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`]; }} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {metrics.filter(m => m.type === 'bar').map((metric, index) => ( ))} {metrics.filter(m => m.type === 'line').map((metric, index) => ( ))} ); };