Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Gráfico de Barras de Rango

Gráfico que muestra rangos mínimos y máximos e intervalos de tiempo, versión simplificada del diagrama de Gantt

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/range-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"rangeData":"JSON format example (Date ranges):\n[{"label": "Project Phase 1", "startDate": "2024-01-01", "endDate": "2024-02-15", "color": "#4CAF50"},\n{"label": "Project Phase 2", "startDate": "2024-02-10", "endDate": "2024-04-01", "color": "#2196F3"}]\n\nOr numeric ranges:\n[{"label": "Product A", "minValue": 50, "maxValue": 120, "color": "#FF9800"},\n{"label": "Product B", "minValue": 80, "maxValue": 180, "color": "#4CAF50"}]","chartTitle":"Range Analysis Chart","orientation":"horizontal","showLabels":true,"showValues":true,"showGrid":true,"colorScheme":"blue","barHeight":"30","animationDuration":"1000","chartHeight":"400"}'

© 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/range-bar-chart

Parámetros

NombreTipoObligatorioDescripción
rangeDatatextareaSíDatos del gráfico de rango en formato JSON. Soporta rangos de fecha (startDate/endDate) o rangos numéricos (minValue/maxValue)
chartTitletextNoTítulo principal del gráfico de rango
orientationselectNo—
showLabelscheckboxNoSi mostrar etiquetas de elementos
showValuescheckboxNoSi mostrar valores de inicio/fin
showGridcheckboxNoSi mostrar líneas de cuadrícula de fondo
colorSchemeselectNo—
barHeighttextNoAltura/grosor de las barras de rango en píxeles
animationDurationtextNoDuración de la animación en milisegundos
chartHeighttextNoAltura del área del gráfico en píxeles (para orientación vertical)

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-range-bar-chart": {
      "name": "range-bar-chart",
      "description": "Gráfico que muestra rangos mínimos y máximos e intervalos de tiempo, versión simplificada del diagrama de Gantt",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=range-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": "range-bar-chart",
    "arguments": {
  "rangeData": "JSON format example (Date ranges):\n[{&quot;label&quot;: &quot;Project Phase 1&quot;, &quot;startDate&quot;: &quot;2024-01-01&quot;, &quot;endDate&quot;: &quot;2024-02-15&quot;, &quot;color&quot;: &quot;#4CAF50&quot;},\n{&quot;label&quot;: &quot;Project Phase 2&quot;, &quot;startDate&quot;: &quot;2024-02-10&quot;, &quot;endDate&quot;: &quot;2024-04-01&quot;, &quot;color&quot;: &quot;#2196F3&quot;}]\n\nOr numeric ranges:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;minValue&quot;: 50, &quot;maxValue&quot;: 120, &quot;color&quot;: &quot;#FF9800&quot;},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;minValue&quot;: 80, &quot;maxValue&quot;: 180, &quot;color&quot;: &quot;#4CAF50&quot;}]",
  "chartTitle": "Range Analysis Chart",
  "orientation": "horizontal",
  "showLabels": true,
  "showValues": true,
  "showGrid": true,
  "colorScheme": "blue",
  "barHeight": "30",
  "animationDuration": "1000",
  "chartHeight": "400"
}
  }
}
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