| Title_font | ||
|---|---|---|
|
| Wiki 标记 |
|---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
树图是以树结构的方式组织展现各级分类及指标的一类图形，它是利用包含关系表达层次化数据的可视化方法。
树图既可以组织存在父子结构的项目，亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建，图2是基于非父子关结构字段构建，其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。
| 类型 | 图例 |
|---|---|
基于父子关系结构字段构建。 示例详情请参见 情景1 。 |  |
基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。 示例详情请参见 情景2 。 |  |
Title_font_1 Name 树图的特点说明如下：
优势：可以清晰地显示树状层级结构，在展示横跨多个层级的数据信息时非常方便。
劣势：无法显示占比功能。
数据要求：有层级关系的数据。
适用场景： 树图能够直观体现同级之间的比较，比较适用于关联类的需求。
不适用场景：没有层级关系的数据。
| 面板 | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
|
| Title_font | ||
|---|---|---|
|
| Wiki 标记 |
|---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
Title_font_1 Name 情景1
| Name | 情景1 |
|---|
业务情景描述：展示地域性字段的包含关系。
数据结构：
业务情景的数据来源如下：
定制要点：
设置“是否父子维”为“是”，并设置好父节点、子节点及名称显示的字段。
示例效果：
以上设置效果如下：
Title_font_1 Name 情景2
| Name | 情景2 |
|---|
业务情景描述：展示按照产品类别、产品、区域和城市的层次的销售数据。
数据结构：
定制要点：
设置“是否父子维”为“否”，勾选“产品目录”、“区域”和“城市”字段为分类（X）轴，“单价”和“数量”字段为指标（Y）轴。
注:根节点不能设置为1，也即不需要设置
示例效果：
以上设置效果如下：
| borderColor | #FFFFFF |
|---|---|
| bgColor | #F0F0F0 |
| borderWidth | 1 |
| borderStyle | solid |
预览效果：
| Title_font | ||
|---|---|---|
|
| Wiki 标记 |
|---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
树图的属性包括数据设置、基本设置、标题、提示、工具、序列、高级、扩展属性等，具体请参考下面表格：
