Elysia Tools Docs
ZH
语言
ZHESPTRUFRDEEN
返回主站
浏览工具

Data Visualization

树状图生成器

从层级数据生成交互式树状图，支持自定义样式

html· HTML 结果打开工具

快速开始

用三种语言从你的代码中调用此工具。

cURL
curl -X POST 'https://api.elysiatools.com/zh/api/tools/tree-diagram-generator' \
  -H 'Content-Type: application/json' \
  -d '{"treeData":"JSON: [{"name": "Root", "value": 100,\n  "children": [\n    {"name": "Branch 1", "value": 50},\n    {"name": "Branch 2", "value": 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30","chartTitle":"输入图表标题...","nodeShape":"circle","nodeColor":"#3b82f6","nodeTextColor":"#ffffff","lineColor":"#6b7280","backgroundColor":"#ffffff","nodeSize":"40","fontSize":"12","lineWidth":"2","chartHeight":"600","showLabels":true,"showValues":true}'

© 2026 Elysia Tools. 开发者文档。

返回主站浏览工具

API 参考

以 JSON 形式 POST 提交输入参数。文件类型参数需先单独上传。

请求端点

HTTP
POST https://api.elysiatools.com/zh/api/tools/tree-diagram-generator

请求参数

参数名类型必填说明
treeDatatextarea是树的层级数据。支持JSON对象或父子关系文本格式
chartTitletext否显示在图表上方的标题
nodeShapeselect否—
nodeColorcolor否树节点的颜色
nodeTextColorcolor否节点文字的颜色
lineColorcolor否连接线的颜色
backgroundColorcolor否图表容器的背景颜色
nodeSizenumber否节点的像素大小
fontSizenumber否节点文字的字体大小
lineWidthnumber否连接线的宽度
chartHeightnumber否图表的像素高度
showLabelscheckbox否在节点上显示文字标签
showValuescheckbox否在节点上显示数值

响应格式

HTML 结果

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP 集成

将此工具加入你的 Model Context Protocol 服务，让 AI 智能体可以列出并调用它。

服务配置

将以下内容加入你的 MCP 客户端配置：

mcp.json
{
  "mcpServers": {
    "elysiatools-tree-diagram-generator": {
      "name": "tree-diagram-generator",
      "description": "从层级数据生成交互式树状图，支持自定义样式",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=tree-diagram-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

列出可用工具

连接到 SSE 端点后，列出已开放的工具：

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

调用此工具

通过工具 id 调用，参数由其参数表构建：

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "tree-diagram-generator",
    "arguments": {
  "treeData": "JSON: [{&quot;name&quot;: &quot;Root&quot;, &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {&quot;name&quot;: &quot;Branch 1&quot;, &quot;value&quot;: 50},\n    {&quot;name&quot;: &quot;Branch 2&quot;, &quot;value&quot;: 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30",
  "chartTitle": "输入图表标题...",
  "nodeShape": "circle",
  "nodeColor": "#3b82f6",
  "nodeTextColor": "#ffffff",
  "lineColor": "#6b7280",
  "backgroundColor": "#ffffff",
  "nodeSize": "40",
  "fontSize": "12",
  "lineWidth": "2",
  "chartHeight": "600",
  "showLabels": true,
  "showValues": true
}
  }
}
可用逗号分隔的 toolId 在一个会话中串联多个工具，例如 /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp（最多 20 个）。

有问题或反馈？请联系 [email protected]

浏览工具
打开工具