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

Data Visualization

桑基图生成器

生成桑基图来可视化不同节点之间的流量分布和能量转移

html· HTML 结果打开工具

快速开始

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

cURL
curl -X POST 'https://api.elysiatools.com/zh/api/tools/sankey-diagram-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"简单示例（2个节点）：\n{\n  "nodes": [{"id": "source", "name": "来源", "value": 100}, {"id": "target", "name": "目标", "value": 100}],\n  "links": [{"source": "source", "target": "target", "value": 100}]\n}\n\n或者3个节点：\n{\n  "nodes": [{"id": "input", "name": "输入", "value": 100}, {"id": "process", "name": "处理", "value": 75}, {"id": "output", "name": "输出", "value": 75}],\n  "links": [{"source": "input", "target": "process", "value": 75}, {"source": "process", "target": "output", "value": 75}]\n}","chartTitle":"输入图表标题...","nodeColors":"#1e40af,#dc2626,#16a34a,#ca8a04,#7c3aed,#0891b2","linkColors":"#3b82f6,#ef4444,#22c55e,#eab308,#a855f7,#06b6d4","chartWidth":"800","chartHeight":"500","nodeWidth":"30","nodePadding":"30","backgroundColor":"#ffffff","showValues":true,"showLabels":true,"animated":true}'

© 2026 Elysia Tools. 开发者文档。

返回主站浏览工具

API 参考

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

请求端点

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

请求参数

参数名类型必填说明
chartDatatextarea是桑基图数据，需要包含nodes和links数组的JSON格式
chartTitletext否显示在图表上方的标题
nodeColorstext否节点的颜色（逗号分隔的十六进制颜色）
linkColorstext否流量连接线的颜色（逗号分隔的十六进制颜色）
chartWidthnumber否图表的像素宽度
chartHeightnumber否图表的像素高度
nodeWidthnumber否每个节点的像素宽度
nodePaddingnumber否节点之间的垂直间距（像素）
backgroundColorcolor否图表容器的背景颜色
showValuescheckbox否在图表上显示流量数值
showLabelscheckbox否在图表上显示节点名称
animatedcheckbox否加载时显示动画效果

响应格式

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-sankey-diagram-generator": {
      "name": "sankey-diagram-generator",
      "description": "生成桑基图来可视化不同节点之间的流量分布和能量转移",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=sankey-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": "sankey-diagram-generator",
    "arguments": {
  "chartData": "简单示例（2个节点）：\n{\n  &quot;nodes&quot;: [{&quot;id&quot;: &quot;source&quot;, &quot;name&quot;: &quot;来源&quot;, &quot;value&quot;: 100}, {&quot;id&quot;: &quot;target&quot;, &quot;name&quot;: &quot;目标&quot;, &quot;value&quot;: 100}],\n  &quot;links&quot;: [{&quot;source&quot;: &quot;source&quot;, &quot;target&quot;: &quot;target&quot;, &quot;value&quot;: 100}]\n}\n\n或者3个节点：\n{\n  &quot;nodes&quot;: [{&quot;id&quot;: &quot;input&quot;, &quot;name&quot;: &quot;输入&quot;, &quot;value&quot;: 100}, {&quot;id&quot;: &quot;process&quot;, &quot;name&quot;: &quot;处理&quot;, &quot;value&quot;: 75}, {&quot;id&quot;: &quot;output&quot;, &quot;name&quot;: &quot;输出&quot;, &quot;value&quot;: 75}],\n  &quot;links&quot;: [{&quot;source&quot;: &quot;input&quot;, &quot;target&quot;: &quot;process&quot;, &quot;value&quot;: 75}, {&quot;source&quot;: &quot;process&quot;, &quot;target&quot;: &quot;output&quot;, &quot;value&quot;: 75}]\n}",
  "chartTitle": "输入图表标题...",
  "nodeColors": "#1e40af,#dc2626,#16a34a,#ca8a04,#7c3aed,#0891b2",
  "linkColors": "#3b82f6,#ef4444,#22c55e,#eab308,#a855f7,#06b6d4",
  "chartWidth": "800",
  "chartHeight": "500",
  "nodeWidth": "30",
  "nodePadding": "30",
  "backgroundColor": "#ffffff",
  "showValues": true,
  "showLabels": true,
  "animated": true
}
  }
}
可用逗号分隔的 toolId 在一个会话中串联多个工具，例如 /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp（最多 20 个）。

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

浏览工具
打开工具