dmolinari/Mercados-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Y Axis Chart Width

Browse Source
This commit is contained in:
dmolinari
2025-07-14 11:59:51 -03:00
parent e670ebaac7
commit 37bc4b0206
3 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/HistoricalChartWidget.tsx
View File

@@ -2,7 +2,7 @@ import { Box, CircularProgress, Alert } from '@mui/material';
import type { CotizacionBolsa } from '../models/mercadoModels';
import { useApiData } from '../hooks/useApiData';
import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
import { formatFullDateTime, formatCurrency2Decimal } from '../utils/formatters';
import { formatFullDateTime, formatCurrency2Decimal, formatCurrency } from '../utils/formatters';
interface HistoricalChartWidgetProps {
ticker: string;
@@ -46,7 +46,7 @@ export const HistoricalChartWidget = ({ ticker, mercado, dias }: HistoricalChart
// 2. Formateador de ticks para el eje Y más robusto
const yAxisTickFormatter = (tick: number) => {
// Usamos el formateador de moneda
return `$${formatCurrency2Decimal(tick)}`;
return `$${formatCurrency(tick)}`;
};
return (
@@ -57,7 +57,7 @@ export const HistoricalChartWidget = ({ ticker, mercado, dias }: HistoricalChart
<YAxis
domain={[domainMin, domainMax]}
tickFormatter={yAxisTickFormatter}
width={80} // Damos un poco más de espacio para números grandes
width={75} // Damos un poco más de espacio para números grandes
/>
<Tooltip
formatter={(value: number) => [`$${formatCurrency2Decimal(value)}`, 'Precio']}