1. 示例

1.1 应该场景

树状矩形树图把具有层次关系的数据可视化为一组嵌套的矩形，所有矩形的面积之和代表了整体的大小，各个小矩形的面积表示每个子数据的占比大小——矩形面积越大，表示子数据在整体中的占比越大。效果如图：

1.2 基本要求

树形结构图的基本要求：

1.3 图表特点

矩形树图的好处在于，相比起传统的树形结构图，矩形树图能更有效得利用空间，并且拥有展示占比的功能。

矩形树图的缺点在于，当分类占比太小的时候文本会变得很难排布。相比起分叉树图，矩形树图的树形数据结构表达的不够直观、明确。

2.树状矩形树图

2.1 树状结构数据

如果要在星河可视化共创分析平台中制作矩形树图，那就要从树形结构数据开始谈起。

树形数据结构是一类重要的非线性数据结构。树形数据结构可以表示数据表述之间一对多的关系。其中以树与二叉树最为常用，直观看来，树是以分支关系定义的层次结构。

树是一种抽象数据类型或是实作这种抽象数据类型的数据结构，用来模拟具有树状结构性质的数据集合。它是由n（n>0)个有限节点组成的一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树，也就是说它是根朝上，而叶朝下的。它具有以下的特点：

每个节点有零个或多个子节点；

没有父节点的节点称为根节点；

每一个非根节点有且只有一个父节点；

除了根节点外，每个子节点可以分为多个不相交的子树；

3.配置树状矩形结构树图

假如你的数据是树形结构，数据需要满足 节点本身名称、节点上级节点名称、指标这种结构，就可以实现矩形结构树图。那么我们可以在星河可视化共创分析平台中搜索树形结构树图

接下来我们只需要完成父类别、子类别、大小三个字段的设置，即可完成配置。

下面是数据结构形式，需要本身编码、上级编码、最顶层节点编码为0.

4.树状矩形树图属性

初始化深度：设置后默认展示到几个层级

启用缩放：开启后，预览或者运行状态显示横向纵向滚动条

显示指标：开启后矩形将显示指标数值

启用占比：开启后预览状态鼠标移动到矩形上，将展示对应格子的百分比

文本样式：设置矩形上的文字、指标的字号、字体、粗细、颜色等属性