旭日图:多层级数据的可视化利器

旭日图是一种多层级饼图,通过同心圆环展示层级数据的占比关系,适合展示文件大小、预算分配等多层级数据

优兔GOGO
2025年11月6日
技术分享
旭日图数据可视化层级数据多层级饼图图表制作

旭日图:多层级数据的可视化利器

数据可视化中,饼图适合展示一维数据的占比关系,比如各类别的占比。但如果数据有多层级,比如部门下有多个小组,每个小组又有多个成员,这时候用饼图就不够用了。

旭日图解决了这个问题。它是一种多层级饼图,通过同心圆环展示层级数据的占比关系,每一层代表一个层级,从内到外逐层展开,既能看到整体占比,又能看到细节分布。

什么是旭日图?

旭日图(Sunburst Chart)也叫多层饼图或径向树状图,是一种用于展示多层级数据的可视化图表。它由多个同心圆环组成,每个圆环代表一个层级,从内到外逐层展开。

旭日图的特点:

  • 多层级展示:可以展示多个层级的数据,比如部门、小组、成员
  • 占比可视化:通过扇形的大小直观展示占比关系
  • 交互展开:支持点击交互,可以展开或收起某个层级
  • 层次清晰:通过颜色和位置区分不同层级,层次清晰

旭日图的应用场景

旭日图适合展示多层级数据的占比关系,常见的应用场景包括:

文件大小分析

在磁盘空间分析中,需要查看各个文件夹的大小占比。使用旭日图,可以展示文件系统的层级结构,从根目录到子文件夹,每个层级的大小占比一目了然。

比如查看电脑的磁盘使用情况,可以展示C盘、D盘等各个盘符的大小,然后展开C盘,可以看到各个文件夹的大小,再展开某个文件夹,可以看到子文件夹的大小。

预算分配分析

在预算管理中,需要查看各个部门的预算分配情况。使用旭日图,可以展示公司、部门、项目等层级的预算分配,每个层级占比清晰可见。

比如查看公司的年度预算,可以展示各个部门的预算占比,然后展开某个部门,可以看到该部门下各个项目的预算占比。

销售数据分析

在销售分析中,需要查看各个地区的销售数据。使用旭日图,可以展示国家、地区、城市等层级的销售占比,每个层级的数据一目了然。

比如查看全球销售数据,可以展示各个国家的销售占比,然后展开某个国家,可以看到该国家下各个地区的销售占比。

组织结构分析

在组织管理中,需要查看组织结构的数据。使用旭日图,可以展示公司、部门、小组等层级的数据,每个层级占比清晰可见。

比如查看公司的员工分布,可以展示各个部门的员工占比,然后展开某个部门,可以看到该部门下各个小组的员工占比。

数据格式

旭日图的数据格式通常是JSON格式,包含层级结构和数值信息。基本的格式如下:

{
  "name": "公司",
  "value": 1000,
  "children": [
    {
      "name": "技术部",
      "value": 300,
      "children": [
        {
          "name": "前端组",
          "value": 100
        },
        {
          "name": "后端组",
          "value": 200
        }
      ]
    },
    {
      "name": "市场部",
      "value": 200,
      "children": [
        {
          "name": "市场组",
          "value": 100
        },
        {
          "name": "销售组",
          "value": 100
        }
      ]
    }
  ]
}

数据格式说明:

  • name:节点名称,显示在图表的标签中
  • value:节点数值,用于计算占比和扇形大小
  • children:子节点数组,包含下一层级的数据

如何使用旭日图工具

使用旭日图工具制作图表非常简单:

第一步:准备数据。将数据整理成JSON格式,包含层级结构和数值信息。

第二步:输入数据。在工具的数据编辑框中输入JSON数据,或者使用示例数据快速开始。

第三步:调整样式。可以调整图表的颜色、大小、标签等样式,使图表更美观。

第四步:生成图表。点击"生成"按钮,工具会根据数据生成旭日图。

第五步:导出图片。生成后,可以导出为JPG或PNG格式的图片,用于报告或分享。

制作技巧

制作旭日图时,需要注意以下技巧:

数据层级

数据层级不宜过多,一般3-4层比较合适。层级过多会导致图表过于复杂,难以阅读。

数值选择

选择有意义的数值,确保数值能够反映占比关系。如果数值差异过大,可以考虑使用对数刻度。

颜色搭配

使用合适的颜色搭配,不同层级使用不同的颜色,便于区分。可以使用渐变色或对比色,使图表更美观。

标签显示

控制标签的显示,避免标签过多导致重叠。可以设置标签的显示条件,只显示重要的标签。

交互设计

合理设计交互功能,支持点击展开或收起某个层级,便于查看细节。

实际应用案例

磁盘空间分析

查看电脑的磁盘使用情况,使用旭日图展示各个文件夹的大小占比。从C盘开始,可以看到各个文件夹的大小,然后展开某个文件夹,可以看到子文件夹的大小,逐层展开,直到找到占用空间最大的文件夹。

这样可以快速定位占用空间最大的文件夹,便于清理磁盘空间。

预算管理

查看公司的年度预算分配,使用旭日图展示各个部门的预算占比。从公司预算开始,可以看到各个部门的预算,然后展开某个部门,可以看到该部门下各个项目的预算占比。

这样可以清晰地看到预算的分配情况,便于预算管理和调整。

销售分析

查看全球销售数据,使用旭日图展示各个国家的销售占比。从全球销售开始,可以看到各个国家的销售,然后展开某个国家,可以看到该国家下各个地区的销售占比。

这样可以直观地看到销售数据的分布情况,便于销售策略的制定。

与其他图表的对比

旭日图与其他图表相比,各有优缺点:

与饼图对比

  • 饼图只能展示一维数据,旭日图可以展示多层级数据
  • 饼图适合简单的占比展示,旭日图适合复杂的层级数据

与树状图对比

  • 树状图适合展示层级关系,旭日图适合展示占比关系
  • 树状图适合展示结构,旭日图适合展示数据

与桑基图对比

  • 桑基图适合展示流向关系,旭日图适合展示占比关系
  • 桑基图适合展示流程,旭日图适合展示层级

注意事项

使用旭日图时,需要注意:

数据层级:数据层级不宜过多,一般3-4层比较合适。

数值准确性:确保数值准确,避免计算错误导致占比不准确。

颜色选择:使用合适的颜色,不同层级使用不同的颜色,便于区分。

标签显示:控制标签的显示,避免标签过多导致重叠。

交互设计:合理设计交互功能,支持点击展开或收起某个层级。

旭日图虽然看起来复杂,但用在线工具制作其实很简单。只需要准备好数据,输入工具,就能生成专业的图表。


🔗 相关工具