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

Data Visualization

Flächen diagramm-Generator

Erstellen Sie anpassbare Flächendiagramme aus Daten mit gefüllten Bereichen unter Linien, perfekt zur Anzeige von Trends und kumulativen Daten

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/area-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single line JSON:\n[{"label": "Jan", "value": 100},\n{"label": "Feb", "value": 150}]\n\nMulti-line JSON:\n{\n  "labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]}\n  ]\n}\n\nor text format:\nJan:100\nFeb:150","chartTitle":"Diagrammtitel eingeben...","curveType":"linear","areaColors":"#3b82f6,#ef4444,#10b981","fillOpacity":"0.3","stacked":false,"backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":0,"xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":true,"showValues":true,"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/area-chart-generator

Parameter

NameTypErforderlichBeschreibung
chartDatatextareaJaDaten für das Diagramm. Unterstützt einzeiliges Array, mehrzeiliges Objekt oder einfaches Textformat
chartTitletextNeinTitel, der über dem Diagramm angezeigt wird
curveTypeselectNein—
areaColorstextNeinFarben für mehrere Bereiche (kommagetrennte Hex-Farben). Leer lassen für Standardfarben.
fillOpacitynumberNeinOpazität der Flächenfüllung (0.0 bis 1.0)
stackedcheckboxNeinBereiche übereinander stapeln statt überlappen
backgroundColorcolorNeinHintergrundfarbe für den Diagrammcontainer
gridColorcolorNeinFarbe für die Rasterlinien
lineWidthnumberNeinBreite der Bereichsrandlinien in Pixeln
chartHeightnumberNeinHöhe des Diagramms in Pixeln
maxValuenumberNeinMaximalwert für Y-Achse (leer lassen für automatische Skalierung)
minValuenumberNeinMinimalwert für Y-Achse
xAxisLabeltextNeinBeschriftung für die X-Achse
yAxisLabeltextNeinBeschriftung für die Y-Achse
showGridcheckboxNeinRasterlinien für bessere Lesbarkeit anzeigen
showPointscheckboxNeinDatenpunkte am Bereichsrand anzeigen
showValuescheckboxNeinTatsächliche Werte auf Datenpunkten anzeigen
showLegendcheckboxNeinEine Legende 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-area-chart-generator": {
      "name": "area-chart-generator",
      "description": "Erstellen Sie anpassbare Flächendiagramme aus Daten mit gefüllten Bereichen unter Linien, perfekt zur Anzeige von Trends und kumulativen Daten",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=area-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": "area-chart-generator",
    "arguments": {
  "chartData": "Single line JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}]\n\nMulti-line JSON:\n{\n  &quot;labels&quot;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Product A&quot;, &quot;data&quot;: [100, 150, 120]}\n  ]\n}\n\nor text format:\nJan:100\nFeb:150",
  "chartTitle": "Diagrammtitel eingeben...",
  "curveType": "linear",
  "areaColors": "#3b82f6,#ef4444,#10b981",
  "fillOpacity": "0.3",
  "stacked": false,
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": 0,
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": 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]

Werkzeuge durchsuchen
Werkzeug öffnen