Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

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

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-area-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON:\n{"labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{"label": "Jan", "value": 100}, {"label": "Feb", "value": 150}, {"label": "Mar", "value": 120}]","chartTitle":"Ingrese el título del gráfico...","curveType":"smooth","areaColors":"#3b82f6,#10b981,#f59e0b","fillOpacity":"0.6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":false,"showValues":false,"showTotalLine":true,"normalizeData":false,"showLegend":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-area-chart

Parámetros

NombreTipoObligatorioDescripción
chartDatatextareaSíDatos para el gráfico apilado. Soporta JSON multi-serie para apilamiento o array de una sola serie
chartTitletextNoTítulo que se mostrará encima del gráfico
curveTypeselectNo—
areaColorstextNoColores para múltiples áreas (colores hex separados por comas). Dejar vacío para colores predeterminados.
fillOpacitytextNoOpacidad del relleno del área (0.1 a 1.0)
backgroundColorcolorNoColor de fondo para el contenedor del gráfico
gridColorcolorNoColor para las líneas de cuadrícula
lineWidthnumberNoAncho de las líneas límite del área en píxeles
chartHeightnumberNoAltura del gráfico en píxeles
maxValuenumberNoValor máximo para el eje Y (dejar vacío para escala automática)
minValuenumberNoValor mínimo para el eje Y
xAxisLabeltextNoEtiqueta para el eje X
yAxisLabeltextNoEtiqueta para el eje Y
showGridcheckboxNoMostrar líneas de cuadrícula para mejor legibilidad
showPointscheckboxNoMostrar puntos de datos en las áreas
showValuescheckboxNoMostrar los valores reales en los puntos de datos
showTotalLinecheckboxNoMostrar una línea que muestra el total acumulado
normalizeDatacheckboxNoConvertir valores a porcentajes mostrando contribución relativa
showLegendcheckboxNoMostrar una leyenda debajo del gráfico

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-area-chart": {
      "name": "stacked-area-chart",
      "description": "Generar gráficos de área apilada mostrando tendencias acumulativas de múltiples series de datos, perfecto para visualizar tendencias totales y contribuciones de componentes",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-area-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-area-chart",
    "arguments": {
  "chartData": "Multi-series JSON:\n{&quot;labels&quot;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Product A&quot;, &quot;data&quot;: [100, 150, 120]},\n    {&quot;name&quot;: &quot;Product B&quot;, &quot;data&quot;: [80, 110, 140]},\n    {&quot;name&quot;: &quot;Product C&quot;, &quot;data&quot;: [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100}, {&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}, {&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]",
  "chartTitle": "Ingrese el título del gráfico...",
  "curveType": "smooth",
  "areaColors": "#3b82f6,#10b981,#f59e0b",
  "fillOpacity": "0.6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": false,
  "showValues": false,
  "showTotalLine": true,
  "normalizeData": false,
  "showLegend": 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