Segmentos de área

Descripción general

Los segmentos de área destacan selectivamente partes de un gráfico de área aplicando colores u opacidades diferentes a periodos de tiempo o rangos de índice concretos. Esta técnica dirige la atención a intervalos importantes sin perder el contexto del conjunto completo.

Cuándo usarlo

Resaltar periodos de interés (eventos, campañas, incidentes)
Enfatizar ventanas comparativas (análisis antes/después)
Marcar condiciones especiales o estados operativos
Llamar la atención sobre picos o periodos anómalos

No es ideal para

Cuando todos los periodos tienen la misma importancia
Demasiados segmentos destacados (pierde enfoque)
Situaciones donde un degradado continuo explica mejor las transiciones
Umbrales basados en valor (usa visualMap por valor)

Variaciones clave

Segmentación por índice vs segmentación temporal
Múltiples colores frente a un solo color de énfasis
Con o sin marcadores de frontera (líneas verticales)
Leyenda visible u oculta (si el significado es evidente)

Casos de uso

Marketing: comparar periodos de campaña vs rendimiento base
Análisis de incidentes: marcar ventanas de caída o degradación
Estacionalidad: resaltar temporadas altas o festivas
Pruebas A/B: contrastar periodos de prueba con controles
Impacto de eventos: mostrar antes/durante/después
Cumplimiento: señalar periodos con requisitos especiales

Datos (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

Configuración del gráfico (JSON)

Consejos de rendimiento

Limita los segmentos destacados a 2–4 para maximizar el impacto
Usa colores contrastantes y accesibles para daltónicos
Añade líneas verticales (markLine) para delimitar claramente las zonas
Considera etiquetas o anotaciones para explicar cada segmento
Mantén el área base con menor opacidad para que el énfasis destaque

Preguntas frecuentes

¿Qué significa dimension: 0 en visualMap? Indica que la segmentación se basa en el índice del eje X (dimensión 0). Si hay 9 puntos de datos, los índices van de 0 a 8, lo que permite resaltar periodos específicos.

¿Por qué usar gt y lt? Los campos gt (mayor que) y lt (menor que) definen el rango de índices para cada segmento destacado. Por ejemplo, "gt": 1, "lt": 3 aplica el color a los puntos cuya posición está entre esos valores.

¿Para qué sirve markLine en este ejemplo? Dibuja líneas verticales en posiciones concretas del eje X para marcar límites de los segmentos resaltados, ayudando a identificar dónde empieza y termina cada zona.

¿Cómo decido qué segmentos resaltar? Identifica los periodos más relevantes para tu historia: rendimiento excepcional, eventos especiales, ventanas de comparación o periodos pico/off-peak.

¿Puedo usar colores distintos por segmento? Sí. Cada piece puede tener su propio color, lo que permite codificar tipos de eventos o niveles de severidad.

¿Por qué el área base es más clara que los segmentos destacados? La opacidad base (0.4) se aplica a toda el área, pero visualMap la sobreescribe en los segmentos seleccionados, creando contraste y manteniendo el contexto.

¿Cuándo debo ocultar la leyenda (show: false)? Cuando los segmentos son autoexplicativos gracias a líneas o etiquetas y no necesitas un código adicional. Muéstrala solo si cada color representa categorías que requieran identificación explícita.

¿Cuántos segmentos debería usar? Limítate a 2–4. Demasiadas zonas destacadas diluyen el énfasis y complican la lectura.

Example

Guide