Intraday com cortes (vários dias)

Visão geral

Este gráfico exibe séries intraday que abrangem vários dias e trata de forma inteligente os intervalos programados (noites, fins de semana). É essencial para dados financeiros porque mostra preços ou volumes apenas no horário de mercado (por exemplo, 09:30–16:00). Ao comprimir períodos sem negociação em pequenos cortes visuais, ele concentra a atenção na atividade real e facilita analisar tendências de vários dias. O eixo X adiciona rótulos de data em cada corte para manter o contexto temporal.

Quando usar

Dados de ações em várias sessões consecutivas
Instrumentos financeiros que cobrem múltiplos dias de negociação
Métricas de horário comercial (vendas, suporte) ao longo de vários dias
Séries com períodos ativos definidos e repetitivos
Padrões intraday que precisam de comparação multi-dia
Qualquer série com pausas diárias previsíveis
Quando você quer comprimir o tempo para focar nos períodos ativos

Não é ideal

Situações em que os intervalos noturnos são informativos
Padrões de corte irregulares ou imprevisíveis
Séries 24/7 nas quais o tempo contínuo é fundamental
Visualizações de um único dia
Casos em que o tempo total decorrido (incluindo pausas) importa mais que o tempo ativo
Audiências não familiarizadas com eixos comprimidos

Variações-chave

Uma ou várias sessões por dia (pre-market, regular, pós-market)
Área preenchida vs. linha simples
Tamanho do corte (1–5% da largura)
Zoom interativo para explorar janelas específicas
Marcadores visuais nos limites de sessão
Ajustes de fuso horário
Rótulos personalizados nos pontos de corte
Slider para navegação multi-dia

Casos de uso

Preços de ações em horário regular ao longo de uma semana
Forex com cortes diários programados
Futuros de commodities durante a semana de negociação
Exchanges de cripto com janelas de manutenção
Fluxo de clientes no horário comercial
Volume de call center durante horas operacionais
Monitoramento de servidores em janelas de pico
Consumo de energia em horas de negócio
Tráfego web nas horas ativas de vários dias

Dados (CSV)

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

Configuração do Gráfico (JSON)

Nota: xAxisBreaks define os períodos a comprimir. Cada corte inclui:

start: horário de fechamento (timestamp em ms)
end: próxima abertura
gap: largura visual (~1%)

Dicas de design

Use preenchimento com opacidade média para enfatizar a tendência
Mantenha cortes em 1–2% da largura para mínima interrupção
Ative zoom interno e slider para explorar dias específicos
Defina cortes para cada noite ou fim de semana
Trabalhe em UTC para evitar confusões
Fixe yAxisMin em dataMin para aproveitar a escala
Deixe ~30% inferior para o slider
Mantenha symbolSize: 0 para dados de alta frequência
Insira valores NaN nos cortes para quebrar a linha explicitamente

Dicas de desempenho

Gere cortes de forma programática seguindo as regras da sessão
Filtre dados fora do horário antes de renderizar
Faça agregação a cada 5 minutos quando a série for muito longa
Defina minValueSpan para evitar zoom excessivo em poucos pontos
Limite a vista inicial a 4–7 dias e permita explorar o restante
Faça downsample para a vista inicial e carregue detalhes sob demanda

Perguntas frequentes

Devo conectar as linhas entre sessões? Não. Os cortes indicam ausência de atividade, então a linha deve ser quebrada para evitar interpretações equivocadas.

Como lidar com fusos horários? Converta tudo para um fuso consistente (UTC ou o do mercado) e documente essa escolha no subtítulo.

E feriados ou fechamentos antecipados? Ajuste horários de fechamento/abertura dessas datas ao gerar os cortes automaticamente.

Como mostrar mudanças noturnas? Mesmo comprimindo o tempo, você pode adicionar anotações ou tooltips nos cortes com a variação percentual entre fechamento e abertura.

Devo mostrar fins de semana? Geralmente eles são comprimidos como as noites, para manter o foco na atividade de mercado.

Quantos dias posso mostrar? Para dados de minuto, 4–7 dias funcionam bem. Para períodos maiores, agregue em 5–15 minutos e permita zoom para detalhes.

Posso configurar várias sessões por dia? Sim. Defina vários intervalos ativos (pre-market, regular, pós-market) e cortes entre eles.

Example

Guide