g6/packages/site/examples/net/compactBox/index.zh.md

---
title: CompactBox 紧凑树
order: 3
---

从根节点开始，同一深度的节点在同一层，并且布局时会将节点大小考虑进去。 <br /> <img src='https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*z-ESRoHTpvIAAAAAAAAAAABkARQnAQ' alt='compactbox' width='300'/>

## 使用指南

紧凑树适用于展示树结构数据，配合 TreeGraph 使用。如下面代码所示，可在实例化 TreeGraph 时使用该布局。

其配置项中 Function 类型的配置项可以为不同的元素配置不同的值。具体描述请查看相关教程。