Volver a la bibliotecaTickers

Ticker Tape

ID del componente: ticker-tape

Cinta de cotizaciones en movimiento horizontal que muestra múltiples símbolos. Ideal para headers de sitios financieros o como banner de información de mercado.

Demo Interactiva

Ejemplos Prácticos

Market Banner

Banner de mercado completo

{
  "colorTheme": "light"
}

Crypto Tape

Cinta de criptomonedas

{
  "symbols": [
    {
      "proName": "BINANCE:BTCUSDT",
      "title": "Bitcoin"
    },
    {
      "proName": "BINANCE:ETHUSDT",
      "title": "Ethereum"
    },
    {
      "proName": "BINANCE:SOLUSDT",
      "title": "Solana"
    }
  ],
  "colorTheme": "dark"
}

Ejemplo de Código

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

Parámetros de Configuración

symbolsobject

[{"proName":"FOREXCOM:SPXUSD","title":"S&P 500"},{"proName":"FOREXCOM:NSXUSD","title":"US 100"},{"proName":"FX_IDC:EURUSD","title":"EUR/USD"},{"proName":"BITSTAMP:BTCUSD","title":"Bitcoin"},{"proName":"BITSTAMP:ETHUSD","title":"Ethereum"}]

showSymbolLogoboolean

true

colorThemestring

"light"

isTransparentboolean

false

displayModestring

"adaptive"

widthstring

"100%"

heightstring

"100%"

Ver documentación oficial

Más opciones y detalles