Stock Market

ID del componente: stock-market

Muestra las top 5 acciones con mayores ganancias, pérdidas y mayor actividad del día. Se actualiza según la actividad actual del mercado, mostrando siempre las acciones más relevantes.

Demo Interactiva

Ejemplos Prácticos

Ganadores del Día

Acciones con mejor desempeño en modo claro

{
  "colorTheme": "light"
}

Crypto Heat

Criptomonedas más activas en modo oscuro

{
  "colorTheme": "dark"
}

Ejemplo de Código

JavaScript / React

import { StockMarket } from '@/components/tradingview';

export default function MyPage() {
  // Configura tu widget con los parámetros que necesites
  const config = {
    // Personaliza estos parámetros según tus necesidades
    symbol: 'NASDAQ:AAPL',
    theme: 'light',
    // ... más parámetros
  };

  return (
    <div>
      <h1>Mi Gráfico TradingView</h1>
      <StockMarket config={config} />
    </div>
  );
}

Parámetros de Configuración

showChartboolean

true

localestring

"en"

widthstring

"100%"

heightstring

"100%"

largeChartUrlstring

isTransparentboolean

false

colorThemestring

"light"

Ver documentación oficial

Más opciones y detalles