> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xpertai.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# 矩阵树图

**矩形树图** 适合展现具有层级关系的数据，能够直观体现同级之间的比较。一个 Tree 状结构转化为平面空间矩形的状态.

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

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

## 层次结构的矩阵树图

选择图形类型为矩阵树图 (Treemap), 添加一个度量和一个维度, 并设置维度要展示的最细层级和选中 **包含父级层级** 属性.

<img src="https://mintcdn.com/xpertai/Qps79FDII81ZU_Y9/public/img/widgets/treemap/treemap-attribtues.png?fit=max&auto=format&n=Qps79FDII81ZU_Y9&q=85&s=db2bc3b1deec8e78a71858a75a26477d" alt="Small" width="798" height="811" data-path="public/img/widgets/treemap/treemap-attribtues.png" />

矩阵树图将展示此层次结构的成员之间关于此度量值的权重关系:

<img src="https://mintcdn.com/xpertai/Qps79FDII81ZU_Y9/public/img/widgets/treemap/treemap.png?fit=max&auto=format&n=Qps79FDII81ZU_Y9&q=85&s=0dde2fed716e36914ef8a0c266bd0bea" alt="Middle Shadow" width="1195" height="951" data-path="public/img/widgets/treemap/treemap.png" />

## 多维度矩阵树图

还可以在多个维度之间进行矩阵树型图展示, 添加多个度量, 不要设置包含父级层级属性.

<img src="https://mintcdn.com/xpertai/Qps79FDII81ZU_Y9/public/img/widgets/treemap/treemap-dimensions-attribtues.png?fit=max&auto=format&n=Qps79FDII81ZU_Y9&q=85&s=ae2274ea4a08421707a55c9f20fcadbd" alt="Small" width="804" height="927" data-path="public/img/widgets/treemap/treemap-dimensions-attribtues.png" />

矩阵树图将展示多个维度直接之间关于此度量值的权重组成关系:

<img src="https://mintcdn.com/xpertai/Qps79FDII81ZU_Y9/public/img/widgets/treemap/treemap-dimensions.png?fit=max&auto=format&n=Qps79FDII81ZU_Y9&q=85&s=e60478c8131f45fd98200f06e7140a79" alt="Middle Shadow" width="1195" height="951" data-path="public/img/widgets/treemap/treemap-dimensions.png" />

## 示例

<iframe src="https://app.xpertai.cn/public/story/point/cbebb259-3092-43a8-86bb-a3128868bd78" width="100%" height="1000px" frameBorder="0" scrolling="no" allowFullScreen />
