Volver a la bibliotecaTickers

Single Ticker

ID del componente: single-ticker

Muestra un solo símbolo con su precio y cambio. Perfecto para destacados de activos específicos o headers de páginas de producto.

Demo Interactiva

Ejemplos Prácticos

Stock Spotlight

Destacado de acción individual

{
  "symbol": "NASDAQ:AAPL",
  "colorTheme": "light"
}

Crypto Widget

Widget de criptomoneda individual

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

Ejemplo de Código

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

Parámetros de Configuración

symbolstring

"NASDAQ:AAPL"

widthstring

"100%"

isTransparentboolean

false

colorThemestring

"light"

localestring

"en"

Ver documentación oficial

Más opciones y detalles