页面历史

Title_font
Name 概要说明

{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

树图是以树结构的方式组织展现各级分类及指标的一类图形，它是利用包含关系表达层次化数据的可视化方法。

树图既可以组织存在父子结构的项目，亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建，图2是基于非父子关结构字段构建，其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。

类型	图例
基于父子关系结构字段构建。示例详情请参见情景1。 示例详情请参见情景1。
基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建，要求必须定义指标轴（Y轴）。示例详情请参见情景2。 示例详情请参见情景2。

优势：可以清晰地显示树状层级结构，在展示横跨多个层级的数据信息时非常方便。

劣势：无法显示占比功能。

数据要求：有层级关系的数据。 

适用场景： 树图能够直观体现同级之间的比较，比较适用于关联类的需求。 

不适用场景：没有层级关系的数据。

Title_font
Name 实现方案

{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

情景1

业务情景描述：展示地域性字段的包含关系。

数据结构：

业务情景的数据来源如下：

定制要点：

设置“是否父子维”为“是”，并设置好父节点、子节点及名称显示的字段。

示例效果：

以上设置效果如下：

情景2

业务情景描述：展示按照产品类别、产品、区域和城市的层次的销售数据。

数据结构：

业务情景的数据来源如下：

定制要点：

设置“是否父子维”为“否”，勾选“产品目录”、“区域”和“城市”字段为分类（X）轴，“单价”和“数量”字段为指标（Y）轴。

示例效果：

以上设置效果如下：