Categorías

← View All Tools

Generador de Gráfico de Barras Apiladas

Generar gráficos de barras apiladas interactivas para visualizar la composición de datos categóricos, perfecto para comparar múltiples series de datos entre categorías

Datos para el gráfico de barras apiladas en formato JSON con campos de categoría, serie y valor

Título que se mostrará encima del gráfico

Matriz JSON de colores hexadecimales (requiere selección de colores personalizados)

Altura del gráfico en píxeles (mín: 300, máx: 800)

Espaciado entre barras (0.1 - 0.5)

Color de fondo para el contenedor del gráfico

Mostrar valores o porcentajes en las barras

Mostrar leyenda de colores para series

Mostrar líneas de cuadrícula horizontales

Animar barras cuando se carga el gráfico

Mostrar porcentajes en lugar de valores en las barras

Mostrar información detallada al pasar el cursor

Datos clave

Categoría
Data Visualization
Tipos de entrada
textarea, text, select, number, color, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Generador de Gráfico de Barras Apiladas permite transformar datos categóricos complejos en visualizaciones interactivas y claras. Es la herramienta ideal para analizar la composición de múltiples series de datos y comparar su distribución total y relativa entre diferentes categorías de forma rápida y profesional.

Cuándo usarlo

  • •Cuando necesitas visualizar cómo se desglosa un total en diferentes subcategorías a lo largo del tiempo o por grupos.
  • •Al comparar el rendimiento o la composición de múltiples series de datos en un mismo eje categórico.
  • •Para presentar informes de datos donde la proporción y el volumen total de cada categoría son igualmente importantes.

Cómo funciona

  • •Introduce tus datos en formato JSON especificando la categoría, la serie y el valor correspondiente.
  • •Personaliza la apariencia del gráfico ajustando el esquema de colores, el formato de los valores y las dimensiones.
  • •Activa opciones adicionales como tooltips, leyendas o animaciones para mejorar la interactividad.
  • •Genera y visualiza tu gráfico de barras apiladas listo para ser integrado en tus presentaciones o informes.

Casos de uso

Análisis de ventas trimestrales desglosadas por tipo de producto.
Comparación de la distribución de presupuesto entre diferentes departamentos.
Visualización de la cuota de mercado de múltiples competidores a lo largo de varios años.

Ejemplos

1. Distribución de Ventas por Producto

Analista de Negocios
Contexto
El analista necesita presentar el rendimiento de ventas de tres productos diferentes durante los cuatro trimestres del año.
Problema
Los datos brutos en tabla son difíciles de interpretar para identificar qué producto domina en cada trimestre.
Cómo usarlo
Ingresar los datos de ventas en el campo JSON, seleccionar el esquema 'Profesional' y activar la leyenda.
Configuración de ejemplo
[{"category": "Q1", "series": "Producto A", "value": 120}, {"category": "Q1", "series": "Producto B", "value": 80}, {"category": "Q2", "series": "Producto A", "value": 150}, {"category": "Q2", "series": "Producto B", "value": 90}]
Resultado
Un gráfico de barras apiladas claro que muestra el crecimiento de ventas y la contribución de cada producto por trimestre.

Probar con muestras

json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Ejemplos D3.js Data Visualization
Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
preferred input family json
json
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Muestras de Comunicación en Tiempo Real WebRTC
Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización
preferred input family json
json

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formato de datos admite la herramienta?

La herramienta requiere un formato JSON estructurado que incluya los campos 'category', 'series' y 'value' para cada entrada de datos.

¿Puedo personalizar los colores del gráfico?

Sí, puedes elegir entre esquemas predefinidos como 'Pastel' o 'Vibrante', o definir tus propios colores mediante una matriz de códigos hexadecimales.

¿Es posible mostrar porcentajes en lugar de valores absolutos?

Sí, puedes activar la opción 'Mostrar Porcentajes' para visualizar la composición relativa de cada segmento dentro de la barra.

¿Se pueden ajustar las dimensiones del gráfico?

Puedes configurar la altura del gráfico entre 300 y 800 píxeles para adaptarlo perfectamente a tu espacio de trabajo.

¿El gráfico es interactivo?

Sí, al habilitar los tooltips, los usuarios pueden pasar el cursor sobre las barras para ver información detallada de cada serie.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/stacked-bar-chart

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Sí Datos para el gráfico de barras apiladas en formato JSON con campos de categoría, serie y valor
chartTitle text No Título que se mostrará encima del gráfico
colorScheme select No -
customColors textarea No Matriz JSON de colores hexadecimales (requiere selección de colores personalizados)
valueFormat select No -
chartHeight number No Altura del gráfico en píxeles (mín: 300, máx: 800)
barSpacing number No Espaciado entre barras (0.1 - 0.5)
backgroundColor color No Color de fondo para el contenedor del gráfico
showValues checkbox No Mostrar valores o porcentajes en las barras
showLegend checkbox No Mostrar leyenda de colores para series
showGrid checkbox No Mostrar líneas de cuadrícula horizontales
showAnimation checkbox No Animar barras cuando se carga el gráfico
showPercentage checkbox No Mostrar porcentajes en lugar de valores en las barras
enableTooltip checkbox No Mostrar información detallada al pasar el cursor

Formato de respuesta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "Generar gráficos de barras apiladas interactivas para visualizar la composición de datos categóricos, perfecto para comparar múltiples series de datos entre categorías",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]