Bar Chart Generator

Generate customizable bar charts from data with various styling options

html· HTML-ErgebnisWerkzeug öffnen

Schnellstart

Rufen Sie dieses Werkzeug aus Ihrem Code in drei Sprachen auf.

cURL

curl -X POST 'https://api.elysiatools.com/de/api/tools/bar-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON: [{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150},\n{&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]\n\nor text:\nJan:100\nFeb:150\nMar:120","chartTitle":"Enter chart title...","chartType":"vertical","barColor":"#3b82f6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","barWidth":"50","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showValues":true,"showLegend":true}'

API-Referenz

Senden Sie eine POST-Anfrage mit Ihren Eingaben als JSON. Dateiparameter erfordern einen vorherigen Upload.

Endpunkt

HTTP

POST https://api.elysiatools.com/de/api/tools/bar-chart-generator

Parameter

Name	Typ	Erforderlich	Beschreibung
chartData	textarea	Ja	Data for the chart. Can be JSON array or simple label:value pairs
chartTitle	text	Nein	Title that will be displayed above the chart
chartType	select	Nein	—
barColor	color	Nein	Color for the bars in the chart
backgroundColor	color	Nein	Background color for the chart container
gridColor	color	Nein	Color for the grid lines
barWidth	number	Nein	Width of each bar in pixels (auto-adjusts if too large)
chartHeight	number	Nein	Height of the chart in pixels
maxValue	number	Nein	Maximum value for Y-axis (leave empty for auto-scale)
minValue	number	Nein	Minimum value for Y-axis
xAxisLabel	text	Nein	Label for the X-axis
yAxisLabel	text	Nein	Label for the Y-axis
showGrid	checkbox	Nein	Display horizontal grid lines for better readability
showValues	checkbox	Nein	Display the actual values on top of each bar
showLegend	checkbox	Nein	Display a legend below the chart

Antwortformat

HTML-Ergebnis

JSON

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

MCP-Integration

Fügen Sie dieses Werkzeug Ihrem Model-Context-Protocol-Server hinzu, damit KI-Agenten es auflisten und aufrufen können.

Serverkonfiguration

Fügen Sie diesen Block Ihrer MCP-Client-Konfiguration hinzu:

mcp.json

{
  "mcpServers": {
    "elysiatools-bar-chart-generator": {
      "name": "bar-chart-generator",
      "description": "Generate customizable bar charts from data with various styling options",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=bar-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Verfügbare Werkzeuge auflisten

Nach dem Verbinden mit dem SSE-Endpunkt listen Sie die bereitgestellten Werkzeuge auf:

tools/list

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

Dieses Werkzeug aufrufen

Rufen Sie das Werkzeug über seine ID auf; Argumente werden aus seiner Parameterliste gebildet:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "bar-chart-generator",
    "arguments": {
  "chartData": "JSON: [{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150},\n{&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]\n\nor text:\nJan:100\nFeb:150\nMar:120",
  "chartTitle": "Enter chart title...",
  "chartType": "vertical",
  "barColor": "#3b82f6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "barWidth": "50",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showValues": true,
  "showLegend": true
}
  }
}

Verketten Sie mehrere Werkzeuge in einer Sitzung mit einer kommagetrennten toolId-Liste, z. B. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max. 20).

Fragen oder Probleme? Kontakt: [email protected]