Categories

← View All Tools

Stacked Area Chart Generator

Generate stacked area charts showing cumulative trends of multiple data series, perfect for visualizing total trends and component contributions

Data for the stacked chart. Supports multi-series JSON for stacking or single series array

Title that will be displayed above the chart

Colors for multiple areas (comma-separated hex colors). Leave empty for default colors.

Opacity of the area fill (0.1 to 1.0)

Background color for the chart container

Color for the grid lines

Width of the area boundary lines in pixels

Height of the chart in pixels

Maximum value for Y-axis (leave empty for auto-scale)

Minimum value for Y-axis

Label for the X-axis

Label for the Y-axis

Display grid lines for better readability

Display data points on the areas

Display the actual values on data points

Display a line showing the cumulative total

Convert values to percentages showing relative contribution

Display a legend below the chart

API Documentation

Request Endpoint

POST /en/api/tools/stacked-area-chart

Request Parameters

Parameter Name Type Required Description
chartData textarea Yes Data for the stacked chart. Supports multi-series JSON for stacking or single series array
chartTitle text No Title that will be displayed above the chart
curveType select No -
areaColors text No Colors for multiple areas (comma-separated hex colors). Leave empty for default colors.
fillOpacity text No Opacity of the area fill (0.1 to 1.0)
backgroundColor color No Background color for the chart container
gridColor color No Color for the grid lines
lineWidth number No Width of the area boundary lines in pixels
chartHeight number No Height of the chart in pixels
maxValue number No Maximum value for Y-axis (leave empty for auto-scale)
minValue number No Minimum value for Y-axis
xAxisLabel text No Label for the X-axis
yAxisLabel text No Label for the Y-axis
showGrid checkbox No Display grid lines for better readability
showPoints checkbox No Display data points on the areas
showValues checkbox No Display the actual values on data points
showTotalLine checkbox No Display a line showing the cumulative total
normalizeData checkbox No Convert values to percentages showing relative contribution
showLegend checkbox No Display a legend below the chart

Response Format

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

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "mcpServers": {
    "elysiatools-stacked-area-chart": {
      "name": "stacked-area-chart",
      "description": "Generate stacked area charts showing cumulative trends of multiple data series, perfect for visualizing total trends and component contributions",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-area-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]