分类

← View All Tools

旭日图生成器

生成层级旭日图，支持极坐标系统和径向布局

旭日图的层级JSON格式数据

图表上方显示的标题

层级扇段的配色方案

2 5 10

要显示的最大层级数

0 0 50

内半径作为外半径的百分比 (0-50%)

8 12 16

扇段标签的字体大小

在扇段上显示标签

在扇段上显示数值

在扇段上显示百分比值

图表宽度（像素）

图表高度（像素）

关键信息

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

概览

旭日图生成器是一款专业的数据可视化工具，旨在通过极坐标系统和径向布局，将复杂的层级数据转化为直观的环形图表，帮助用户清晰展示各层级间的占比与结构关系。

适用场景

  • •需要展示多层级数据的结构占比时
  • •在有限空间内呈现复杂的树状分类关系时
  • •对比不同类别在整体中的权重与分布时

工作原理

  • •输入符合层级结构的 JSON 数据，定义各节点的名称与数值。
  • •根据需求调整最大深度、内半径及配色方案等可视化参数。
  • •选择是否显示标签、数值或百分比以优化图表可读性。
  • •生成并预览旭日图，支持自定义图表尺寸以适应不同展示场景。

使用场景

企业组织架构与部门预算分配可视化
电商平台多级类目销售额占比分析
网站流量来源与用户行为路径层级展示

用户案例

1. 年度部门预算分配图

财务经理
背景原因
财务经理需要向董事会汇报年度预算在各部门及项目间的分配情况，传统表格难以直观体现层级占比。
解决问题
需要一种能够同时展示部门、子项目及具体金额占比的图表。
如何使用
将预算数据整理为 JSON 格式，设置配色方案为 'business'，并开启百分比显示。
示例配置
maxDepth: 3, colorScheme: 'business', showPercentages: true
效果
生成了一张清晰的旭日图，董事会能一眼看出各部门预算的层级分布及占比情况。

2. 电商产品类目销售分析

运营专员
背景原因
运营人员需要分析不同大类、中类及小类商品的销售表现，以便调整库存策略。
解决问题
数据层级较深，普通的饼图无法展示完整的分类结构。
如何使用
输入包含三级类目的销售数据，调整内半径为 20% 以突出外圈数据，并显示数值。
示例配置
innerRadiusPercent: 20, showValues: true, showPercentages: true
效果
通过旭日图直观识别出哪些细分类目是销售增长点，优化了后续的选品决策。

用 Samples 测试

json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
AWS EventBridge 示例
AWS EventBridge 示例，包括事件总线、规则、目标、模式注册表、自定义事件和跨账户事件路由，适用于无服务器事件驱动架构
preferred input family json
json

相关专题

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

常见问题

旭日图适合展示什么样的数据？

旭日图最适合展示具有层级关系的数据，例如公司部门架构、产品分类销售额或预算分配情况。

如何准备输入数据？

数据需采用 JSON 格式，通过 'name' 定义节点名称，通过 'children' 嵌套子层级，叶子节点则使用 'value' 定义数值。

可以调整图表的显示层级吗？

可以，通过调整 '最大深度' 选项，您可以控制图表展示的层级数量，最高支持 10 层。

如何改变图表的外观？

您可以在配置中选择不同的配色方案（如暖色调、商务色等），并调整内半径百分比来改变环形图的中心空心效果。

生成的图表支持导出吗？

本工具生成的图表为 HTML 格式，您可以直接在浏览器中查看，或通过截图工具保存为图片。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
chartData textarea 是 旭日图的层级JSON格式数据
chartTitle text 否 图表上方显示的标题
colorScheme select 否 层级扇段的配色方案
maxDepth range 否 要显示的最大层级数
innerRadiusPercent range 否 内半径作为外半径的百分比 (0-50%)
labelSize range 否 扇段标签的字体大小
showLabels checkbox 否 在扇段上显示标签
showValues checkbox 否 在扇段上显示数值
showPercentages checkbox 否 在扇段上显示百分比值
chartWidth text 否 图表宽度（像素）
chartHeight text 否 图表高度（像素）

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-sunburst-chart-generator": {
      "name": "sunburst-chart-generator",
      "description": "生成层级旭日图，支持极坐标系统和径向布局",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=sunburst-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]