跳到主要内容
版本:7.4.0

树状表格

概述

图表介绍

树状表格是一种强大的层次数据可视化工具,它结合了表格的结构化展示能力和树状结构的层级关系表达,能够清晰地呈现具有父子关系的数据。通过缩进和折叠/展开功能,用户可以灵活地查看不同层级的数据详情,同时保持数据的整体结构一目了然。

适用场景

树状表格特别适合展示具有明确层级关系的数据,能够帮助用户快速理解数据的组织架构和层级间的关系。

例如:组织结构展示(公司部门、团队层级等)、 产品分类与销售数据(多级分类的产品销售额)如图所示:

图表特点

优点

  • 层次关系清晰:直观展示数据的父子层级结构,便于理解整体与局部的关系 - 信息密度高:在有限空间内展示大量层级数据,同时保持可读性 - 交互性强:支持折叠/展开操作,可根据需要查看不同层级的详细信息 - 数据对比方便:表格形式便于在同一层级进行数据对比分析 - 结构灵活:支持多级嵌套,适应复杂的数据层级关系

缺点

  • 深层级数据展示受限:层级过深时可能导致表格过宽或内容溢出 - 大数据量加载性能:数据量过大时可能影响加载和渲染速度 - 移动端展示挑战:小屏幕设备上深层级数据的可读性较差 - 视觉吸引力有限:相比其他可视化图表,视觉冲击力较弱

使用指导

创建仪表板

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

创建树字段

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

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

创建图表

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

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

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

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

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

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

    说明

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

美化图表

折叠状态

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

主题及样式

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

设置排序

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

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

其余操作

发布图表

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

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

效果查看

PC端

移动端

说明

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

|380