矩形树图

矩形树图的简介

矩形树图由马里兰大学教授Ben Shneiderman于上个世纪90年代提出，起初是为了找到一种有效了解磁盘空间使用情况的方法。 矩形树图适合展现具有层级关系的数据，能够直观体现同级之间的比较。一个Tree状结构转化为平面空间矩形的状态，就像一张地图，指引我们发现探索数据背后的故事。

矩形树图采用矩形表示层次结构里的节点，父子节点之间的层次关系用矩形之间的相互嵌套隐喻来表达。从根节点开始，屏幕空间根据相应的子节点数目被分为多个矩形，矩形的面积大小通常对应节点的属性。每个矩形又按照相应节点的子节点递归的进行分割，知道叶子节点为止。

矩形树图的好处在于，相比起传统的树形结构图，矩形树图能更有效得利用空间，并且拥有展示占比的功能。矩形树图的缺点在于，当分类占比太小的时候文本会变得很难排布。相比起分叉树图，矩形树图的树形数据结构表达的不够直观、明确。

英文名：Treemap, Rectangular Tree

矩形树图的构成

矩形树图的应用场景

例1：单层树状图

• 数据源：手机品牌及其下属手机型号的销量信息
  
• 步骤：
  1. 下载 treemap-mobile.json
  2. 加载数据，设置字段名称和类型：name（品牌 - 文本），value（占有率 - 小数），删除其它字段
  3. 添加树状图
  4. 设置组和值属性
• 效果：
  

例2：多层树状图

• 数据源：手机品牌及其下属手机型号的销量信息
  
• 步骤：
  1. 复制例子数据源，展开children属性
  2. 加载数据，设置字段名称和类型：name（手机型号 - 文本），value（型号占有率 - 小数）
  3. 新建报表页，添加树状图
  4. 设置组、详细信息和值属性
  5. 由于本例数据量太大，需要对数据进行筛选，选择感兴趣的品牌进行分析
• 效果：