Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

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

html· Resultado HTMLAbrir herramienta

Inicio rápido

Llama a esta herramienta desde tu código en tres lenguajes.

cURL
curl -X POST 'https://api.elysiatools.com/es/api/tools/stacked-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"category": "Q1", "series": "Product A", "value": 100},\n{"category": "Q1", "series": "Product B", "value": 150},\n{"category": "Q2", "series": "Product A", "value": 120},\n{"category": "Q2", "series": "Product B", "value": 180}]","chartTitle":"Ingrese el título del gráfico...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartHeight":"400","barSpacing":"0.2","backgroundColor":"#ffffff","showValues":true,"showLegend":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":true}'

© 2026 Elysia Tools. Documentación para desarrolladores.

Volver al sitioExplorar herramientas

Referencia de la API

Envía una petición POST con tus entradas en JSON. Los parámetros de tipo archivo requieren una subida previa.

Endpoint

HTTP
POST https://api.elysiatools.com/es/api/tools/stacked-bar-chart

Parámetros

NombreTipoObligatorioDescripción
chartDatatextareaSíDatos para el gráfico de barras apiladas en formato JSON con campos de categoría, serie y valor
chartTitletextNoTítulo que se mostrará encima del gráfico
colorSchemeselectNo—
customColorstextareaNoMatriz JSON de colores hexadecimales (requiere selección de colores personalizados)
valueFormatselectNo—
chartHeightnumberNoAltura del gráfico en píxeles (mín: 300, máx: 800)
barSpacingnumberNoEspaciado entre barras (0.1 - 0.5)
backgroundColorcolorNoColor de fondo para el contenedor del gráfico
showValuescheckboxNoMostrar valores o porcentajes en las barras
showLegendcheckboxNoMostrar leyenda de colores para series
showGridcheckboxNoMostrar líneas de cuadrícula horizontales
showAnimationcheckboxNoAnimar barras cuando se carga el gráfico
showPercentagecheckboxNoMostrar porcentajes en lugar de valores en las barras
enableTooltipcheckboxNoMostrar información detallada al pasar el cursor

Formato de respuesta

Resultado HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Integración MCP

Añade esta herramienta a tu servidor Model Context Protocol para que los agentes de IA puedan listarla y llamarla.

Configuración del servidor

Añade este bloque a la configuración de tu cliente MCP:

mcp.json
{
  "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://api.elysiatools.com/mcp/sse?toolId=stacked-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Listar herramientas disponibles

Tras conectar al endpoint SSE, lista las herramientas expuestas:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Llamar a esta herramienta

Invoca la herramienta por su id; los argumentos se construyen a partir de sus parámetros:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "stacked-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 100},\n{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 150},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 120},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 180}]",
  "chartTitle": "Ingrese el título del gráfico...",
  "colorScheme": "default",
  "customColors": "[&quot;#FF6B6B&quot;, &quot;#4ECDC4&quot;, &quot;#45B7D1&quot;, &quot;#FFA07A&quot;]",
  "valueFormat": "number",
  "chartHeight": "400",
  "barSpacing": "0.2",
  "backgroundColor": "#ffffff",
  "showValues": true,
  "showLegend": true,
  "showGrid": true,
  "showAnimation": true,
  "showPercentage": false,
  "enableTooltip": true
}
  }
}
Encadena varias herramientas en una sesión con una lista toolId separada por comas, p. ej. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (máx. 20).

¿Dudas o problemas? Contacta con [email protected]

Explorar herramientas
Abrir herramienta