Elysia Tools Docs
ES
Idioma
ZHESPTRUFRDEEN
Volver al sitio
Explorar herramientas

Data Visualization

Generador de Gráfico de Barras de Comparación

Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos

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/comparison-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"label": "Product A", "leftValue": 65, "rightValue": 85},\n{"label": "Product B", "leftValue": 45, "rightValue": 75},\n{"label": "Product C", "leftValue": 80, "rightValue": 60}]\n\nor text format:\nProduct A|65|85\nProduct B|45|75\nProduct C|80|60","chartTitle":"Ingrese el título del gráfico...","colorScheme":"default","barColor":"#3b82f6","leftLabel":"Left Values","rightLabel":"Right Values","chartHeight":"500","barWidth":"30","maxValue":0,"minValue":"0","animationDuration":"1000","backgroundColor":"#ffffff","gridColor":"#e0e0e0","showGrid":true,"showValues":true,"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/comparison-bar-chart

Parámetros

NombreTipoObligatorioDescripción
chartDatatextareaSíDatos para el gráfico de comparación. Soporta array JSON o formato de texto simple etiqueta|valorIzquierdo|valorDerecho
chartTitletextNoTítulo que se mostrará encima del gráfico
colorSchemeselectNo—
barColorcolorNoColor para las barras izquierdas (el color de barras derechas viene del esquema de color)
leftLabeltextNoEtiqueta para el lado izquierdo del gráfico
rightLabeltextNoEtiqueta para el lado derecho del gráfico
chartHeightnumberNoAltura del gráfico en píxeles
barWidthnumberNoAncho máximo de las barras en píxeles
maxValuenumberNoValor máximo para la escala del gráfico (deje vacío para auto)
minValuenumberNoValor mínimo para la escala del gráfico
animationDurationnumberNoDuración de la animación de barras en milisegundos
backgroundColorcolorNoColor de fondo para el contenedor del gráfico
gridColorcolorNoColor para las líneas de cuadrícula
showGridcheckboxNoMostrar líneas de cuadrícula para mejor legibilidad
showValuescheckboxNoMostrar valores en las barras
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-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=comparison-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": "comparison-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;label&quot;: &quot;Product A&quot;, &quot;leftValue&quot;: 65, &quot;rightValue&quot;: 85},\n{&quot;label&quot;: &quot;Product B&quot;, &quot;leftValue&quot;: 45, &quot;rightValue&quot;: 75},\n{&quot;label&quot;: &quot;Product C&quot;, &quot;leftValue&quot;: 80, &quot;rightValue&quot;: 60}]\n\nor text format:\nProduct A|65|85\nProduct B|45|75\nProduct C|80|60",
  "chartTitle": "Ingrese el título del gráfico...",
  "colorScheme": "default",
  "barColor": "#3b82f6",
  "leftLabel": "Left Values",
  "rightLabel": "Right Values",
  "chartHeight": "500",
  "barWidth": "30",
  "maxValue": 0,
  "minValue": "0",
  "animationDuration": "1000",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "showGrid": true,
  "showValues": true,
  "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