堆叠面积图生成器
生成堆叠面积图，展示多个数据系列的累积趋势，非常适合可视化总量趋势和组成部分贡献
API 文档
请求端点
POST /zh/api/tools/stacked-area-chart
请求参数
| 参数名 | 类型 | 必填 | 描述 |
|---|---|---|---|
| chartData | textarea | 是 | 堆叠图表数据。支持多系列JSON用于堆叠或单系列数组 |
| chartTitle | text | 否 | 显示在图表上方的标题 |
| curveType | select | 否 | - |
| areaColors | text | 否 | 多个区域的颜色（逗号分隔的十六进制颜色）。留空使用默认颜色。 |
| fillOpacity | text | 否 | 区域填充的透明度（0.1到1.0） |
| backgroundColor | color | 否 | 图表容器的背景颜色 |
| gridColor | color | 否 | 网格线的颜色 |
| lineWidth | number | 否 | 区域边界线的像素宽度 |
| chartHeight | number | 否 | 图表的像素高度 |
| maxValue | number | 否 | Y轴最大值（留空自动缩放） |
| minValue | number | 否 | Y轴最小值 |
| xAxisLabel | text | 否 | X轴的标签 |
| yAxisLabel | text | 否 | Y轴的标签 |
| showGrid | checkbox | 否 | 显示网格线以便更好阅读 |
| showPoints | checkbox | 否 | 在区域上显示数据点 |
| showValues | checkbox | 否 | 在数据点上显示实际数值 |
| showTotalLine | checkbox | 否 | 显示累计总计的线条 |
| normalizeData | checkbox | 否 | 将值转换为百分比显示相对贡献 |
| showLegend | checkbox | 否 | 在图表下方显示图例 |
响应格式
{
"result": "Processed HTML content",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}
HTML:
HTML
AI MCP 文档
将此工具添加到您的 MCP 服务器配置中：
{
"mcpServers": {
"elysiatools-stacked-area-chart": {
"name": "stacked-area-chart",
"description": "生成堆叠面积图，展示多个数据系列的累积趋势，非常适合可视化总量趋势和组成部分贡献",
"baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-area-chart",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}
你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。
如果遇见问题，请联系我们：[email protected]