Symbol Info

ID del componente: symbol-info

Muestra información detallada de un símbolo financiero incluyendo descripción, sector, capitalización de mercado y más.

Demo Interactiva

Ejemplos Prácticos

Stock Profile

Perfil de acción

{
  "symbol": "NASDAQ:AAPL"
}

Crypto Profile

Perfil de criptomoneda

{
  "symbol": "BINANCE:BTCUSDT",
  "colorTheme": "dark"
}

Ejemplo de Código

JavaScript / React

import { SymbolInfo } 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>
      <SymbolInfo config={config} />
    </div>
  );
}

Parámetros de Configuración

symbolstring

"NASDAQ:AAPL"

widthstring

"100%"

localestring

"en"

colorThemestring

"light"

isTransparentboolean

false

Ver documentación oficial

Más opciones y detalles