分类

← View All Tools

多层饼图生成器

创建同心圆多层饼图，支持层级关系显示和交互式钻取功能

嵌套JSON对象格式的层级数据，叶子节点为数值

显示在图表上方的标题

最内圆的半径（像素）

最外圆的半径（像素）

起始角度（0-360度）

结束角度（0-360度）

显示的最大层级数

图表中心显示的文本

扇区间边框宽度（像素）

显示扇区标签

显示扇区数值

显示百分比数值

启用交互式钻取功能

标签和数值的字体大小

图表标题的字体大小

文本元素的字体族

图表的像素宽度

图表的像素高度

图表的背景颜色

加载时动画显示图表

动画持续时间（毫秒）

关键信息

分类
Data Visualization
输入类型
text, textarea, number, select, checkbox, color
输出类型
html
样本覆盖
4
支持 API
Yes

概览

多层饼图生成器是一款专业的数据可视化工具，旨在帮助用户将复杂的层级数据转化为直观的同心圆多层饼图（旭日图），通过交互式钻取功能清晰展示各层级间的占比与结构关系。

适用场景

  • •需要展示具有多级分类的业务数据结构时
  • •分析各部门或产品线在整体业务中的占比分布时
  • •制作交互式报表以支持用户深入探索数据细节时

工作原理

  • •在输入框中粘贴符合嵌套 JSON 格式的层级数据，确保叶子节点包含数值。
  • •根据需求调整内半径、外半径、配色方案及显示标签等可视化参数。
  • •点击生成按钮，即可预览并获取支持交互式钻取的多层饼图。

使用场景

企业组织架构与各部门人力成本分布可视化
电商平台多级类目销售额占比分析
财务预算在不同项目及子任务间的分配展示

用户案例

1. 公司部门预算分布图

财务分析师
背景原因
财务部门需要向管理层汇报年度预算在各部门及具体项目中的分配情况，传统表格难以直观体现层级占比。
解决问题
需要一种能同时展示部门与项目层级，且具备交互钻取功能的图表。
如何使用
输入部门与项目的嵌套 JSON 数据，设置最大深度为 2，并开启交互式钻取。
示例配置
{"Technology": {"Software": 150, "Hardware": 80}, "Marketing": {"Digital": 120, "Traditional": 80}}
效果
生成了一个清晰的同心圆图，管理层可点击部门扇区查看具体项目的预算占比。

用 Samples 测试

json, text
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json

相关专题

JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。

常见问题

什么是层级数据格式？

层级数据需采用嵌套 JSON 格式，其中父节点包含子节点，最底层的叶子节点必须为数值，以便计算占比。

支持多少层级的数据展示？

该工具支持设置最大深度，最高可显示 5 层数据结构，以保证图表的可读性。

交互式钻取功能如何运作？

启用钻取功能后，用户在生成的图表中点击某个扇区，图表将自动聚焦并展开该扇区下的子层级数据。

可以自定义图表的配色吗？

是的，工具内置了多种配色方案，包括暖色系、冷色系、柔和色彩及鲜艳色彩等，满足不同设计需求。

生成的图表支持导出吗？

生成的图表为 HTML 格式，您可以直接在浏览器中查看，或通过截图及嵌入网页的方式使用。

API 文档

请求端点

POST /zh/api/tools/multi-level-pie-chart-generator

请求参数

参数名 类型 必填 描述
chartTitle text 否 显示在图表上方的标题
hierarchicalData textarea 是 嵌套JSON对象格式的层级数据，叶子节点为数值
innerRadius number 否 最内圆的半径（像素）
outerRadius number 否 最外圆的半径（像素）
colorScheme select 否 -
startAngle number 否 起始角度（0-360度）
endAngle number 否 结束角度（0-360度）
maxDepth number 否 显示的最大层级数
centerLabel text 否 图表中心显示的文本
strokeWidth number 否 扇区间边框宽度（像素）
showLabels checkbox 否 显示扇区标签
showValues checkbox 否 显示扇区数值
showPercentages checkbox 否 显示百分比数值
enableDrillDown checkbox 否 启用交互式钻取功能
fontSize number 否 标签和数值的字体大小
titleSize number 否 图表标题的字体大小
fontFamily text 否 文本元素的字体族
chartWidth number 否 图表的像素宽度
chartHeight number 否 图表的像素高度
backgroundColor color 否 图表的背景颜色
animationEnabled checkbox 否 加载时动画显示图表
animationDuration number 否 动画持续时间（毫秒）

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "创建同心圆多层饼图，支持层级关系显示和交互式钻取功能",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-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]