Stock Heatmap

ID del componente: stock-heatmap

Mapa de calor visual que muestra el rendimiento de acciones con colores. Las celdas crecen y se tiñen según el desempeño, permitiendo identificar rápidamente ganadores y perdedores.

Demo Interactiva

Ejemplos Prácticos

Sector Performance

Rendimiento por sector

{
  "grouping": "sector"
}

Market Cap View

Vista por capitalización de mercado

{
  "grouping": "market_cap"
}

Ejemplo de Código

JavaScript / React

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

Parámetros de Configuración

exchangesobject

["NASDAQ","NYSE"]

valueTypestring

"performance"

groupingstring

"sector"

colorThemestring

"light"

localestring

"en"

Ver documentación oficial

Más opciones y detalles