Elysia Tools Docs
DE
Sprache
ZHESPTRUFRDEEN
Zurück zur Website
Werkzeuge durchsuchen

Data Visualization

Gruppiertes Balkendiagramm Generator

Gruppierte Balkendiagramme erstellen, um mehrere Kategorien nebeneinander zu vergleichen, perfekt für Multi-Kategorie-Vergleiche und vergleichende Analysen

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/grouped-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON format:\n{"categories": ["Q1", "Q2", "Q3"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [60, 90, 110]}\n  ]\n}\n\nSingle series:\n{"categories": ["A", "B", "C"],\n  "series": [\n    {"name": "Values", "data": [100, 150, 120]}\n  ]}","chartTitle":"Diagrammtitel eingeben...","chartType":"vertical","barColors":"#3b82f6,#10b981,#f59e0b","backgroundColor":"#ffffff","gridColor":"#e0e0e0","barWidth":"30","groupSpacing":"30","chartHeight":"400","maxValue":0,"minValue":0,"xAxisLabel":"Categories","yAxisLabel":"Value","showGrid":true,"showValues":true,"valuePosition":"top","showLegend":true}'

© 2026 Elysia Tools. Entwicklerdokumentation.

Zurück zur WebsiteWerkzeuge durchsuchen

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/grouped-bar-chart

Parameter

NameTypErforderlichBeschreibung
chartDatatextareaJaMulti-Serie-Daten mit Kategorien- und Series-Arrays. Jede Serie sollte die gleiche Anzahl an Datenpunkten wie die Kategorien haben.
chartTitletextNeinTitel, der über dem Diagramm angezeigt wird
chartTypeselectNein—
barColorstextNeinFarben für verschiedene Serien (Komma-getrennte Hex-Farben). Leer lassen für Standardfarben.
backgroundColorcolorNeinHintergrundfarbe für den Diagramm-Container
gridColorcolorNeinFarbe für die Rasterlinien
barWidthnumberNeinBreite einzelner Balken in Pixeln (passt sich automatisch an, falls zu groß)
groupSpacingnumberNeinAbstand zwischen verschiedenen Gruppen in Pixeln
chartHeightnumberNeinHöhe des Diagramms in Pixeln
maxValuenumberNeinMaximalwert für Achse (leer lassen für Auto-Skalierung)
minValuenumberNeinMinimalwert für Achse (leer lassen für Auto-Erkennung)
xAxisLabeltextNeinBeschriftung für die X-Achse
yAxisLabeltextNeinBeschriftung für die Y-Achse
showGridcheckboxNeinRasterlinien für bessere Lesbarkeit anzeigen
showValuescheckboxNeinTatsächliche Werte auf oder bei den Balken anzeigen
valuePositionselectNein—
showLegendcheckboxNeinLegende unter dem Diagramm anzeigen

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-grouped-bar-chart": {
      "name": "grouped-bar-chart",
      "description": "Gruppierte Balkendiagramme erstellen, um mehrere Kategorien nebeneinander zu vergleichen, perfekt für Multi-Kategorie-Vergleiche und vergleichende Analysen",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=grouped-bar-chart",
      "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": "grouped-bar-chart",
    "arguments": {
  "chartData": "Multi-series JSON format:\n{&quot;categories&quot;: [&quot;Q1&quot;, &quot;Q2&quot;, &quot;Q3&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;: [60, 90, 110]}\n  ]\n}\n\nSingle series:\n{&quot;categories&quot;: [&quot;A&quot;, &quot;B&quot;, &quot;C&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Values&quot;, &quot;data&quot;: [100, 150, 120]}\n  ]}",
  "chartTitle": "Diagrammtitel eingeben...",
  "chartType": "vertical",
  "barColors": "#3b82f6,#10b981,#f59e0b",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "barWidth": "30",
  "groupSpacing": "30",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": 0,
  "xAxisLabel": "Categories",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showValues": true,
  "valuePosition": "top",
  "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]

Werkzeuge durchsuchen
Werkzeug öffnen