树状表格

概述

图表介绍

树状图是一种层次数据可视化图表，通过嵌套矩形的方式展示数据的层次结构和数值比例关系。每个矩形的面积与对应数据值的大小成正比，颜色可以用来区分不同的类别或层级，帮助用户直观地识别数据的层次关系和数值大小。

适用场景

树状图特别适合展示具有层级关系的数据，并能直观地呈现各个层级数据的大小比例。

例如：组织结构层级与人数分布，产品类别与销售额占比，文件系统占用空间分析，如图所示：

图表特点

优点

• 层次结构清晰：直观展示数据的层级关系和包含关系
• 空间利用高效：通过矩形面积展示数值大小，空间利用率高
• 趋势识别简便：快速识别占比大的项目和整体分布趋势
• 多维数据展示：结合颜色编码可同时展示多维度信息

缺点

• 细节信息有限：小面积矩形难以展示详细数值信息
• 层级过多复杂：层级过深时可能导致视觉混乱
• 交互需求较高：复杂树状图通常需要交互操作才能完整理解
• 数据精度受限：面积比较不如数值精确，细微差异可能难以辨别

使用指导

创建仪表板

详细步骤可参考新建仪表板。

创建树字段

创建树状表格前，需要在「管理中心」创建树字段，便于统一维护。

创建树字段操作请参考树字段管理。

创建图表

1. 点击仪表板首页右上角「编辑」按钮，进入仪表板编辑页面。

   

2. 点击「新建卡片 > 可视化图表」，弹出「选择数据集」页面。

   

3. 选择需要进行图表分析的数据集后点击「确定」。

   

   若需要切换分析数据集，可点击页面左上角「切换数据集」按钮。

   

4. 选择「可视化＞表格＞树状表格」，将左侧「数据集>字段」区域的层级字段（如「上级ID」）拖至「绘制」区域的「维度」，将子类别字段（如「本级名称」）拖至「树字段」，将数值字段（如「销售金额」）拖入「数值」。

   

5. 点击标题右侧编辑按钮，为图表命名。

   说明

   可点击右侧 AI 小图标，通过 AI 自动生成符合内容的标题，如何使用详见智能命名助手。

   

美化图表

折叠状态

点击表格前「＋」、「-」可以设置是否折叠分组，点击「层级按钮」可以设置展开层级。

主题及样式

在「图表属性>主题及样式」中可以调节表格的主题、色块构成、边框颜色、字体等。可以美化图表让表达更简洁。

设置排序

将「销售金额」字段拖至「排序」区域，默认升序，排序详细配置可参考数据排序。

点击字段后选择「降序」，设置图表按照销售额降序排列，配置完成后可看到图表根据销售额降序排列。

其余操作

• 图表绘制区域更多介绍可参考图表绘制。
• 图表属性区域更多介绍可参考表格-图表属性。
• 高级设置区域更多介绍可参考知识反馈、分析结果存储和数据解释。

发布图表

1. 点击右上角「保存并退出」，完成图表创建。、

   

2. 点击「发布」，将仪表板发布上线。

   

效果查看

PC端

移动端

说明

移动端图表需要切换至移动端布局单独添加卡片，详细操作可参考：移动端布局。