分类

冰柱图生成器

生成交互式冰柱图用于层级数据可视化,非常适合显示树形结构、文件系统和组织架构

JSON格式的层级数据,包含名称、数值和可选的子数组

显示在图表上方的标题

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

图表的像素宽度(最小:400,最大:1200)

图表的像素高度(最小:300,最大:800)

显示的起始层级(0 = 根层级)

显示的最大层级数

标签的字体大小(最小:8,最大:16)

矩形之间的间距(最小:0,最大:10)

矩形的圆角半径(最小:0,最大:8)

矩形的边框宽度(最小:0,最大:3)

图表容器的背景颜色

矩形的边框颜色

在矩形内显示类别名称

在矩形内显示数值

显示百分比而不是绝对值

悬停时显示详细信息

悬停时动画显示矩形

API 文档

请求端点

POST /zh/api/tools/icicle-chart-generator

请求参数

参数名 类型 必填 描述
chartData textarea JSON格式的层级数据,包含名称、数值和可选的子数组
chartTitle text 显示在图表上方的标题
colorScheme select -
customColors textarea 十六进制颜色JSON数组(需要选择自定义颜色)
valueFormat select -
chartWidth number 图表的像素宽度(最小:400,最大:1200)
chartHeight number 图表的像素高度(最小:300,最大:800)
startLevel number 显示的起始层级(0 = 根层级)
maxDepth number 显示的最大层级数
labelSize number 标签的字体大小(最小:8,最大:16)
paddingSize number 矩形之间的间距(最小:0,最大:10)
borderRadius number 矩形的圆角半径(最小:0,最大:8)
strokeWidth number 矩形的边框宽度(最小:0,最大:3)
backgroundColor color 图表容器的背景颜色
strokeColor color 矩形的边框颜色
showLabels checkbox 在矩形内显示类别名称
showValues checkbox 在矩形内显示数值
showPercentages checkbox 显示百分比而不是绝对值
enableTooltip checkbox 悬停时显示详细信息
chartOrientation select -
hoverAnimation checkbox 悬停时动画显示矩形

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "生成交互式冰柱图用于层级数据可视化,非常适合显示树形结构、文件系统和组织架构",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=icicle-chart-generator",
      "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]