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

Data Visualization

Gestapeltes Balkendiagramm Generator

Interaktive gestapelte Balkendiagramme generieren zur Visualisierung kategorischer Datenzusammensetzung, perfekt zum Vergleich mehrerer Datenreihen über Kategorien hinweg

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/stacked-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"category": "Q1", "series": "Product A", "value": 100},\n{"category": "Q1", "series": "Product B", "value": 150},\n{"category": "Q2", "series": "Product A", "value": 120},\n{"category": "Q2", "series": "Product B", "value": 180}]","chartTitle":"Diagrammtitel eingeben...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartHeight":"400","barSpacing":"0.2","backgroundColor":"#ffffff","showValues":true,"showLegend":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":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/stacked-bar-chart

Parameter

NameTypErforderlichBeschreibung
chartDatatextareaJaDaten für das gestapelte Balkendiagramm im JSON-Format mit Kategorie-, Reihen- und Wertfeldern
chartTitletextNeinTitel, der über dem Diagramm angezeigt wird
colorSchemeselectNein—
customColorstextareaNeinJSON-Array von Hex-Farben (erfordert Auswahl benutzerdefinierter Farben)
valueFormatselectNein—
chartHeightnumberNeinHöhe des Diagramms in Pixeln (min: 300, max: 800)
barSpacingnumberNeinAbstand zwischen Balken (0.1 - 0.5)
backgroundColorcolorNeinHintergrundfarbe für den Diagrammcontainer
showValuescheckboxNeinWerte oder Prozentsätze auf den Balken anzeigen
showLegendcheckboxNeinFarblegende für Reihen anzeigen
showGridcheckboxNeinHorizontale Rasterlinien anzeigen
showAnimationcheckboxNeinAnimate bars when chart loads
showPercentagecheckboxNeinProzentsätze anstelle von Werten auf Balken anzeigen
enableTooltipcheckboxNeinDetaillierte Informationen beim Hover 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-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "Interaktive gestapelte Balkendiagramme generieren zur Visualisierung kategorischer Datenzusammensetzung, perfekt zum Vergleich mehrerer Datenreihen über Kategorien hinweg",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-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": "stacked-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 100},\n{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 150},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 120},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 180}]",
  "chartTitle": "Diagrammtitel eingeben...",
  "colorScheme": "default",
  "customColors": "[&quot;#FF6B6B&quot;, &quot;#4ECDC4&quot;, &quot;#45B7D1&quot;, &quot;#FFA07A&quot;]",
  "valueFormat": "number",
  "chartHeight": "400",
  "barSpacing": "0.2",
  "backgroundColor": "#ffffff",
  "showValues": true,
  "showLegend": true,
  "showGrid": true,
  "showAnimation": true,
  "showPercentage": false,
  "enableTooltip": 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