分类

← View All Tools

堆叠条形图生成器

生成交互式堆叠条形图来可视化分类数据组成，非常适合跨类别比较多个数据系列

堆叠条形图的JSON格式数据，包含分类、系列和数值字段

显示在图表上方的标题

十六进制颜色JSON数组（需要选择自定义颜色）

图表的像素高度（最小：300，最大：800）

条形之间的间距（0.1 - 0.5）

图表容器的背景颜色

在条形上显示数值或百分比

显示系列的颜色图例

显示水平网格线

图表加载时动画显示条形

在条形上显示百分比而不是数值

悬停时显示详细信息

API 文档

请求端点

POST /zh/api/tools/stacked-bar-chart

请求参数

参数名 类型 必填 描述
chartData textarea 是 堆叠条形图的JSON格式数据，包含分类、系列和数值字段
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
customColors textarea 否 十六进制颜色JSON数组（需要选择自定义颜色）
valueFormat select 否 -
chartHeight number 否 图表的像素高度（最小：300，最大：800）
barSpacing number 否 条形之间的间距（0.1 - 0.5）
backgroundColor color 否 图表容器的背景颜色
showValues checkbox 否 在条形上显示数值或百分比
showLegend checkbox 否 显示系列的颜色图例
showGrid checkbox 否 显示水平网格线
showAnimation checkbox 否 图表加载时动画显示条形
showPercentage checkbox 否 在条形上显示百分比而不是数值
enableTooltip checkbox 否 悬停时显示详细信息

响应格式

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

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "生成交互式堆叠条形图来可视化分类数据组成，非常适合跨类别比较多个数据系列",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-bar-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]