Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Gráfico Escalonado

Crear gráficos escalonados con visualización de datos estilo escalera, perfecto para mostrar cambios discretos a lo largo del tiempo

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/step-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Ingrese el título del gráfico...","dataPoints":"JSON format example:\n[{"x": "Jan", "y": 100, "label": "January"},\n{"x": "Feb", "y": 150, "label": "February"},\n{"x": "Mar", "y": 120, "label": "March"},\n{"x": "Apr", "y": 180, "label": "April"}]","xAxisLabel":"X Axis","yAxisLabel":"Y Axis","stepStyle":"step-before","lineColor":"#3b82f6","lineWidth":"2","pointColor":"#3b82f6","pointSize":"4","showDataPoints":true,"showLabels":false,"showGrid":true,"fillArea":false,"areaColor":"#3b82f6","gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"800","chartHeight":"500","dataLabelFormat":"number","fontSize":"12","titleSize":"18","fontFamily":"Arial","animationEnabled":true,"animationDuration":"1000"}'

© 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/step-chart-generator

Parámetros

NombreTipoObligatorioDescripción
chartTitletextNoTítulo que se mostrará encima del gráfico escalonado
dataPointstextareaSíPuntos de datos como array JSON con propiedades x, y y etiqueta opcional
xAxisLabeltextNoEtiqueta para el eje X
yAxisLabeltextNoEtiqueta para el eje Y
stepStyleselectSí—
lineColorcolorNoColor de la línea escalonada
lineWidthnumberNoAncho de la línea escalonada en píxeles
pointColorcolorNoColor de los puntos de datos
pointSizenumberNoTamaño de los puntos de datos en píxeles
showDataPointscheckboxNoMostrar puntos de datos en la línea escalonada
showLabelscheckboxNoMostrar etiquetas de valor en los puntos de datos
showGridcheckboxNoMostrar líneas de cuadrícula de fondo
fillAreacheckboxNoRellenar el área bajo la línea escalonada con color
areaColorcolorNoColor para relleno de área (si está habilitado)
gridColorcolorNoColor de las líneas de cuadrícula
backgroundColorcolorNoColor de fondo del gráfico
chartWidthnumberNoAncho del gráfico en píxeles
chartHeightnumberNoAltura del gráfico en píxeles
dataLabelFormatselectNo—
fontSizenumberNoTamaño de fuente para etiquetas y texto
titleSizenumberNoTamaño de fuente para el título del gráfico
fontFamilytextNoFamilia de fuente para elementos de texto
animationEnabledcheckboxNoAnimar el gráfico cuando se carga
animationDurationnumberNoDuración de la animación en milisegundos

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-step-chart-generator": {
      "name": "step-chart-generator",
      "description": "Crear gráficos escalonados con visualización de datos estilo escalera, perfecto para mostrar cambios discretos a lo largo del tiempo",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=step-chart-generator",
      "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": "step-chart-generator",
    "arguments": {
  "chartTitle": "Ingrese el título del gráfico...",
  "dataPoints": "JSON format example:\n[{&quot;x&quot;: &quot;Jan&quot;, &quot;y&quot;: 100, &quot;label&quot;: &quot;January&quot;},\n{&quot;x&quot;: &quot;Feb&quot;, &quot;y&quot;: 150, &quot;label&quot;: &quot;February&quot;},\n{&quot;x&quot;: &quot;Mar&quot;, &quot;y&quot;: 120, &quot;label&quot;: &quot;March&quot;},\n{&quot;x&quot;: &quot;Apr&quot;, &quot;y&quot;: 180, &quot;label&quot;: &quot;April&quot;}]",
  "xAxisLabel": "X Axis",
  "yAxisLabel": "Y Axis",
  "stepStyle": "step-before",
  "lineColor": "#3b82f6",
  "lineWidth": "2",
  "pointColor": "#3b82f6",
  "pointSize": "4",
  "showDataPoints": true,
  "showLabels": false,
  "showGrid": true,
  "fillArea": false,
  "areaColor": "#3b82f6",
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "800",
  "chartHeight": "500",
  "dataLabelFormat": "number",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
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