Line Chart Types/Area & Stacked/Area Pieces

Segmentos de Área

Segmente o preenchimento da área por faixas de valor para dar ênfase condicional.

Advancedsegmentos de áreasegmentaçãolimiaresformatação condicional

Example

Guide

Visão geral

Segmentos de área destacam seletivamente partes de um gráfico de área aplicando cores ou opacidades diferentes a períodos de tempo ou faixas de índice específicas. Essa técnica direciona a atenção para intervalos importantes sem perder o contexto do conjunto completo.

Quando usar

  • Destacar períodos específicos de interesse (eventos, campanhas, incidentes)
  • Enfatizar janelas comparativas (análise de antes/depois)
  • Marcar condições especiais ou estados operacionais
  • Chamar atenção para picos ou períodos anômalos

Não é ideal

  • Quando todos os períodos têm a mesma importância
  • Com segmentos destacados demais (perde foco)
  • Quando um degradê contínuo explica melhor as transições
  • Para limiares baseados em valor (use visualMap por valor)

Variações-chave

  • Segmentação por índice (posição) vs segmentação temporal
  • Vários segmentos coloridos vs uma única cor de destaque
  • Com ou sem marcadores de limite (linhas verticais)
  • Legenda visível vs legenda oculta (se o destaque for autoexplicativo)

Casos de uso

  • Marketing: destacar períodos de campanha vs desempenho base
  • Análise de incidentes: marcar janelas de queda ou degradação
  • Sazonalidade: enfatizar temporadas de pico ou feriados
  • Testes A/B: contrastar períodos de teste com controle
  • Impacto de eventos: mostrar antes/durante/depois
  • Conformidade: sinalizar períodos que exigem atenção especial

Dados (CSV)

x,y
2019-10-10,200
2019-10-11,560
2019-10-12,750
2019-10-13,580
2019-10-14,250
2019-10-15,300
2019-10-16,450
2019-10-17,300
2019-10-18,100

Configuração do Gráfico (JSON)

Dicas de desempenho

  • Limite a 2–4 segmentos destacados para obter maior impacto
  • Use cores contrastantes acessíveis para pessoas com daltonismo
  • Adicione marcadores verticais (markLine) para demarcar claramente os limites
  • Considere usar rótulos de anotação para explicar por que os segmentos foram destacados
  • Mantenha a opacidade base mais baixa para que os destaques fiquem mais evidentes

Perguntas frequentes

O que significa "dimension: 0" no visualMap? Significa que a segmentação é baseada no índice do eixo x (dimension 0). Em um gráfico com 9 pontos de dados, os índices 0–8 representam cada posição ao longo do eixo x, permitindo destacar períodos ou faixas específicas.

Por que as peças são definidas com "gt" e "lt"? gt (maior que) e lt (menor que) definem a faixa de índice de cada segmento destacado. Por exemplo, "gt": 1, "lt": 3 destaca os pontos de dados nos índices 2 (entre 1 e 3), criando o preenchimento colorido para essa faixa.

Qual é o propósito do markLine neste exemplo? O markLine desenha linhas verticais tracejadas em posições específicas do eixo x (índices 1, 3, 5, 7) para marcar visualmente os limites das regiões destacadas. Isso ajuda o leitor a identificar exatamente onde cada zona começa e termina.

Como escolho quais segmentos destacar? Identifique os períodos ou faixas de dados que são mais importantes para sua narrativa:

  • Períodos de desempenho excepcional ou de preocupação
  • Janelas com condições ou eventos especiais
  • Períodos de comparação (ex.: antes/depois de uma intervenção)
  • Períodos de pico ou de baixa

Posso usar cores diferentes para cada segmento destacado? Sim! Cada peça no visualMap pode ter sua própria cor. Use cores diferentes para indicar tipos distintos de eventos ou níveis de severidade (por exemplo, azul para eventos positivos, vermelho para incidentes).

Por que o preenchimento fica mais claro nas regiões não destacadas? A areaOpacity base de 0.4 se aplica a toda a área. As peças do visualMap substituem esse valor para segmentos específicos, criando contraste visual que chama atenção para as partes destacadas enquanto mantém o contexto do conjunto.

Quando devo ocultar a legenda do visualMap (show: false)? Oculte a legenda quando:

  • Os segmentos destacados são autoexplicativos (marcados por linhas ou rótulos)
  • Você está enfatizando períodos específicos que não precisam de rótulos categóricos
  • O gráfico já possui outros elementos de legenda

Mostre a legenda quando as cores representarem categorias distintas que precisam ser identificadas (por exemplo, "Fim de semana", "Período de promoção", "Janela de manutenção").

Quantos segmentos destacados devo usar? Limite a 2–4 segmentos para manter a clareza. Muitas regiões destacadas diluem o foco e tornam o gráfico mais difícil de interpretar. Foque nos períodos mais críticos.

Open in Line Graph Maker