Gráfico de velas
Apertura, cierre, máximo y mínimo por periodo.
Definición
Un gráfico de velas dibuja cada periodo como una vela: el cuerpo va de la apertura al cierre y la mecha del mínimo al máximo, con un color según el cierre. Se lee la dirección de cada sesión y cuánto se movió el precio dentro de ella. Se usa con acciones, divisas o materias primas.
- Datos
- x · open · high · low · close · size
- Buena para
- Ver, periodo a periodo, hacia dónde fue el precio y cuánto osciló por el camino.
- Evítala cuando
- Cuando sólo importa la tendencia del cierre: las mechas añaden ruido que no se va a discutir.
- Se lee bien
- Entre 5 y 100 elementos; dibuja hasta 500
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x · opcional | date | El periodo. Sin ella —o sin cualquiera de las cuatro cifras OHLC— la pieza devuelve [] y cae a su demo (data.ts:93). |
open · opcional | number | Apertura: un extremo del CUERPO. |
high · opcional | number | Máximo: el extremo alto de la MECHA. |
low · opcional | number | Mínimo: el extremo bajo de la mecha. |
close · opcional | number | Cierre: el otro extremo del cuerpo, y el que decide el color de la vela. |
size · opcional | number | Volumen. Opcional: sin ella vale 0. |
Tamaños
Recompuesta, no encogida
El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.
Cuándo usarla
Tres preguntas antes de elegirla
¿Importa el recorrido dentro de cada periodo?
Si basta con el cierre, una línea lee la tendencia sin ruido.
Sí: quédate con gráfico de velas
No: usa Gráfico de líneas
¿Juzgas cada periodo por sí mismo?
Si se pregunta si un movimiento sale de lo habitual para la serie, las bandas de Bollinger dibujan ese rango.
Sí: quédate con gráfico de velas
No: usa Bandas de Bollinger
¿Te importa el calendario regular de periodos?
Si sólo interesan los cambios de precio relevantes y no el reloj, el gráfico Renko filtra los movimientos pequeños.
Sí: quédate con gráfico de velas
No: usa Gráfico Renko
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('candlestick');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué cifras necesita cada periodo?
Apertura, máximo, mínimo y cierre, cada una en su columna. Sin cualquiera de las cuatro columnas no dibuja tus velas. El volumen es opcional.
¿Qué decide el color de la vela?
El cierre: si queda por encima o por debajo de la apertura.
¿Qué hace si faltan datos?
Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.
¿Cómo se ve en el móvil?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «cómo cambia en el tiempo»
Gráfico de áreasuna medida en el tiempo con el volumen destacado
Gráfico de control por atributostasa de defectos de lotes frente a sus límites
Barras y línea combinadasuna cifra absoluta junto a su tasa- Bandas de Bollingerprecio frente a su rango habitual de variación
Gráfico con selector de rangoexplorar un tramo de una serie larga
Burndowntrabajo pendiente frente al plan de un sprint