Line Chart Types/Time Series/Intraday Chart with Breaks

Intradía con cortes (varios días)

Visualiza datos intradía de varios días comprimiendo horas sin operación para analizar tendencias con claridad.

Advancedintradíacortes de sesiónhorario de mercadodiscontinuo

Example

Guide

Descripción general

Este gráfico muestra series intradía que abarcan múltiples días y maneja inteligentemente los huecos programados (noches, fines de semana). Es esencial para datos financieros porque presenta precios o volúmenes solo durante el horario de mercado (p. ej., 09:30–16:00). Al comprimir periodos sin trading en pequeños cortes visuales, concentra la atención en la actividad real y facilita analizar tendencias multi-día. El eje X añade etiquetas de fecha en cada corte para mantener el contexto temporal.

Cuándo usarlo

  • Datos bursátiles durante varias sesiones consecutivas
  • Instrumentos financieros que abarcan múltiples días de negociación
  • Métricas de horario laboral (ventas, soporte) a lo largo de varios días
  • Series con periodos activos definidos y repetitivos
  • Patrones intradía que necesiten comparación multi-día
  • Cualquier serie con descansos diarios predecibles
  • Cuando deseas comprimir el tiempo para enfocarte en los periodos activos

No es ideal para

  • Historias donde los huecos nocturnos sean informativos
  • Patrones de cortes irregulares o impredecibles
  • Series 24/7 donde el tiempo continuo sea clave
  • Vistas de un solo día
  • Casos en los que el tiempo transcurrido total (incluyendo pausas) sea más importante que el tiempo activo
  • Audiencias que no estén familiarizadas con ejes comprimidos

Variaciones clave

  • Una o múltiples sesiones por día (pre-market, regular, post-market)
  • Área rellena vs línea pura
  • Tamaño del corte (1–5 % del ancho)
  • Zoom interactivo para explorar ventanas específicas
  • Marcadores visuales en límites de sesión
  • Ajustes de zona horaria
  • Etiquetas personalizadas en los puntos de corte
  • Slider para navegación multi-día

Casos de uso

  • Precios de acciones en horario regular a lo largo de una semana
  • Forex con cortes diarios programados
  • Futuros de materias primas durante la semana de trading
  • Exchange de cripto con ventanas de mantenimiento
  • Flujo de clientes en horario comercial
  • Volumen de un call center durante horas operativas
  • Monitoreo de servidores en ventanas pico
  • Consumo energético en horas de negocio
  • Tráfico web en horas activas de varios días

Datos (CSV)

datetime,value
2024-04-09 09:30:00,1669.00
...
2024-04-12 16:00:00,2100.50

Configuración del gráfico (JSON)

Nota: xAxisBreaks define los periodos a comprimir. Cada corte incluye:

  • start: hora de cierre (timestamp ms)
  • end: siguiente apertura
  • gap: ancho visual (≈1 %)

Consejos de diseño

  • Usa relleno con opacidad media para enfatizar la tendencia
  • Mantén los cortes en 1–2 % del ancho para mínima interrupción
  • Activa zoom interno y slider para explorar días concretos
  • Define los cortes para cada noche o fin de semana
  • Trabaja en UTC para evitar confusiones
  • Fija yAxisMin a dataMin para aprovechar la escala
  • Deja ~30 % inferior para el slider
  • Mantén symbolSize: 0 para datos de alta frecuencia
  • Inserta valores NaN en los cortes para romper la línea de forma explícita

Consejos de rendimiento

  • Genera cortes de forma programática según las reglas de sesión
  • Filtra los datos fuera del horario antes de renderizar
  • Agrega a intervalos de 5 minutos cuando la serie es muy larga
  • Define minValueSpan para evitar zoom excesivo en pocos puntos
  • Limita la vista inicial a 4–7 días y permite explorar el resto
  • Downsamplea para la vista inicial y carga detalle bajo demanda

Preguntas frecuentes

¿Debo conectar las líneas entre sesiones? No. Los cortes indican que no hubo actividad, así que la línea debe romperse para evitar interpretaciones erróneas.

¿Cómo manejo las zonas horarias? Convierte todo a una zona consistente (UTC o la local del mercado) y documenta esa elección en el subtítulo.

¿Y los festivos o cierres anticipados? Ajusta los horarios de cierre/apertura para esas fechas al generar automáticamente los cortes.

¿Cómo muestro los cambios nocturnos? Aunque se comprime el tiempo, puedes añadir anotaciones o tooltips en los cortes con la variación porcentual entre cierre y apertura.

¿Debo mostrar fines de semana? Generalmente se comprimen igual que las noches, para mantener el foco en la actividad de mercado.

¿Cuántos días puedo mostrar? Con datos por minuto, 4–7 jornadas funcionan bien. Para periodos mayores, agrega a 5–15 minutos y permite zoom para detalles.

¿Puedo configurar múltiples sesiones en un día? Sí. Define varios intervalos activos (pre-market, regular, post-market) y cortes entre ellos.

Open in Line Graph Maker