Volver a la bibliotecaCharts

Mini Chart

ID del componente: mini-chart

Widget compacto que muestra el precio y porcentaje de cambio de un símbolo junto con una vista de gráfico simplificada. Perfecto para sidebars, listas de vigilancia compactas y tablas de mercado.

Demo Interactiva

Ejemplos Prácticos

Cripto Spotlight

Mini gráfico para criptomonedas en modo oscuro

{
  "symbol": "BINANCE:BTCUSDT",
  "colorTheme": "dark",
  "dateRange": "1M"
}

Índices Principales

Mini gráfico del S&P 500

{
  "symbol": "OANDA:SPX500USD",
  "dateRange": "3M",
  "colorTheme": "light"
}

Transparente

Estilo transparente para integrarse en cualquier fondo

{
  "isTransparent": true
}

Ejemplo de Código

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

Parámetros de Configuración

symbolstring

"NASDAQ:AAPL"

widthstring

"100%"

heightstring

"100%"

localestring

"en"

dateRangestring

"12M"

colorThemestring

"light"

trendLineColorstring

"rgba(41, 98, 255, 1)"

underLineColorstring

"rgba(41, 98, 255, 0.3)"

isTransparentboolean

false

autosizeboolean

true

Ver documentación oficial

Más opciones y detalles