# Generador de Gráficos de Área Apilada

Generar gráficos de área apilada mostrando tendencias acumulativas de múltiples series de datos, perfecto para visualizar tendencias totales y contribuciones de componentes

> Página canónica: https://elysiatools.com/es/tools/stacked-area-chart

- **Categoría:** Data Visualization

- **Palabras clave:** gráfico de área apilada, gráfico, visualización, gráfico acumulativo, tendencia, datos, generador, total, composición

## Descripción general

El Generador de Gráficos de Área Apilada permite visualizar tendencias acumulativas y la contribución de múltiples series de datos en un solo gráfico claro y profesional. Es la herramienta ideal para analizar cómo diferentes componentes suman a un total a lo largo del tiempo.

## Entradas

- **Datos del Gráfico** (textarea): Datos para el gráfico apilado. Soporta JSON multi-serie para apilamiento o array de una sola serie
- **Título del Gráfico** (text): Título que se mostrará encima del gráfico
- **Tipo de Curva** (select): Seleccionar tipo de curva
- **Colores de Área** (text): Colores para múltiples áreas (colores hex separados por comas). Dejar vacío para colores predeterminados.
- **Opacidad de Relleno** (text): Opacidad del relleno del área (0.1 a 1.0)
- **Color de Fondo** (color): Color de fondo para el contenedor del gráfico
- **Color de Cuadrícula** (color): Color para las líneas de cuadrícula
- **Ancho de Línea** (number): Ancho de las líneas límite del área en píxeles
- **Altura del Gráfico** (number): Altura del gráfico en píxeles
- **Valor Máximo** (number): Valor máximo para el eje Y (dejar vacío para escala automática)
- **Valor Mínimo** (number): Valor mínimo para el eje Y
- **Etiqueta del Eje X** (text): Etiqueta para el eje X
- **Etiqueta del Eje Y** (text): Etiqueta para el eje Y
- **Mostrar Líneas de Cuadrícula** (checkbox): Mostrar líneas de cuadrícula para mejor legibilidad
- **Mostrar Puntos de Datos** (checkbox): Mostrar puntos de datos en las áreas
- **Mostrar Valores en Puntos** (checkbox): Mostrar los valores reales en los puntos de datos
- **Mostrar Línea Total** (checkbox): Mostrar una línea que muestra el total acumulado
- **Normalizar al 100%** (checkbox): Convertir valores a porcentajes mostrando contribución relativa
- **Mostrar Leyenda** (checkbox): Mostrar una leyenda debajo del gráfico

## Cuándo usarlo

- Cuando necesites mostrar la evolución temporal de un total compuesto por varias categorías.
- Para comparar la contribución relativa de diferentes series de datos al valor acumulado total.
- Al presentar informes de rendimiento donde el volumen total y la distribución interna son igualmente importantes.

## Cómo funciona

- Introduce tus datos en formato JSON, especificando las etiquetas del eje X y las series de valores correspondientes.
- Personaliza la apariencia ajustando el tipo de curva, los colores de las áreas y la opacidad según tus preferencias.
- Configura las etiquetas de los ejes, el título y las opciones de visualización como la línea total o la normalización al 100%.
- Genera y descarga tu gráfico de área apilada listo para integrar en presentaciones o informes.

## Casos de uso

- Visualización de ingresos mensuales desglosados por diferentes líneas de productos.
- Análisis de tráfico web acumulado proveniente de diversas fuentes (redes sociales, búsqueda orgánica, directo).
- Seguimiento de la asignación de recursos o presupuesto en diferentes departamentos a lo largo de un año fiscal.

## Preguntas frecuentes

### ¿Qué formato de datos admite la herramienta?

La herramienta admite un formato JSON estructurado que incluye etiquetas para el eje X y múltiples series de datos con sus respectivos valores.

### ¿Puedo cambiar el estilo de las líneas del gráfico?

Sí, puedes elegir entre líneas lineales, suaves (curvas) o de tipo escalón para adaptar el estilo a tus necesidades.

### ¿Qué significa la opción 'Normalizar al 100%'?

Esta opción convierte los valores absolutos en porcentajes, permitiéndote visualizar la contribución relativa de cada serie al total en cada punto.

### ¿Es posible ajustar el rango del eje Y?

Sí, puedes definir manualmente los valores mínimos y máximos del eje Y o dejar que la herramienta los calcule automáticamente.

### ¿Puedo personalizar los colores de las áreas?

Sí, puedes ingresar códigos de color hexadecimales separados por comas para asignar colores específicos a cada serie de datos.

## Herramientas relacionadas

- [Bar Chart Generator](https://elysiatools.com/es/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options
- [Generador de Gráfico de Burbujas](https://elysiatools.com/es/tools/bubble-chart-generator): Generar gráficos de burbujas personalizables desde datos con tres dimensiones (x, y, tamaño)
- [Generador de Gráfico de Barras de Comparación](https://elysiatools.com/es/tools/comparison-bar-chart): Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos
- [Generador de Gráfico de Dona](https://elysiatools.com/es/tools/donut-chart-generator): Generar gráficos de dona personalizables desde datos con varias opciones de estilo, perfecto para mostrar proporciones con espacio central
- [Generador de Gráfico de Embudo](https://elysiatools.com/es/tools/funnel-chart-generator): Generar gráficos de embudo personalizables desde datos, perfecto para mostrar tasas de conversión, tuberías de ventas y flujos de procesos
- [Generador de Gráfico de Gantt](https://elysiatools.com/es/tools/gantt-chart-generator): Crear gráficos de Gantt profesionales con líneas de tiempo de tareas, dependencias, seguimiento de progreso y marcadores de hitos
- [Generador de Indicador](https://elysiatools.com/es/tools/gauge-chart-generator): Generar indicadores personalizables desde datos, perfecto para mostrar KPIs, métricas e indicadores de rendimiento
- [Generador de Mapa de Calor](https://elysiatools.com/es/tools/heatmap-generator): Generar mapas de calor personalizables desde datos, perfecto para visualizar densidad de datos, correlaciones y patrones

## Ejemplos

- [Muestras Avanzadas de Grafana](https://elysiatools.com/es/samples/grafana-samples): Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
- [Ejemplos D3.js Data Visualization](https://elysiatools.com/es/samples/d3js-data-visualization): Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
- [Muestras JSON de Terraform Plan](https://elysiatools.com/es/samples/terraform-plan-json-samples): Archivos Terraform plan JSON para visualizacion de dependencias y revision de cambios, similares a terraform show -json
- [Ejemplos de Códigos QR](https://elysiatools.com/es/samples/qrcode-samples): Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR