跳到主要内容
版本:7.4.0

矩形树图

概述

矩形树图是一种通过嵌套矩形来展示层级数据的可视化图表。每个矩形的面积与其代表的数据值成比例,不同的颜色通常用于区分不同的类别或层级。矩形树图能够在有限的空间内有效地展示大量层级数据,同时保持数据间的层级关系和比例对比。

适用场景

矩形树图主要用于展示具有层级结构的大量分类数据,特别适合比较不同类别数据的大小和占比关系。

例如:各大区业务大类销售额分布情况。如图所示:

图表特点

优点:

  • 空间利用率高:能在有限空间内展示大量数据,信息密度高
  • 比例直观:通过矩形面积大小直接展示数据值的相对比例
  • 层级清晰:通过嵌套结构清晰展示数据的层级关系

缺点:

  • 形状不规则:矩形形状可能不规则,影响精确的视觉比较
  • 深层级复杂度:层级过深时,内部小矩形可能难以清晰辨识
  • 交互依赖:通常需要悬停或点击操作查看详细信息

使用指导

创建仪表板

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

创建图表

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

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

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

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

  5. 在「可视化」区域中选择「矩形树图」,将左侧「数据集」区域的「大区」和「业务大类」拖至「绘制」区域的「维度」,「总销额」拖入「数值」。

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

    说明

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

美化图表

设置颜色

可以先在右侧「主题/颜色」进行选择,再将「大区」字段拖至「颜色」区域,点击字段后选择「颜色设置」,可修改不同区域柱子对应的颜色,颜色详细配置可参考图表绘制-颜色

其余操作

发布图表

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

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

效果查看

PC端

移动端

说明

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

|380