{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

基于非父子关结构字段构建。

其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。

示例详情请参见 情景2



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

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

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

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

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

 

 

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

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

数据结构:

定制要点:

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

示例效果:

以上设置效果如下:

 

 

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

数据结构:

定制要点:

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

预览效果:



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

树图的属性包括数据设置、基本设置、标题、提示、工具、序列、高级、扩展属性等,具体请参考下面表格:

属性树图
 数据设置

字段
是否父子维

根节点名称

基本设置
通用画布大小
背景颜色
显示方式
初始化动画
标题

标题
标题样式
水平位置
提示



是否显示
背景颜色
边框宽度
提示文本样式
是否显示全路径
添加其他列
工具


功能按钮设置


数据视图
配置项还原
保存图片
序列





 












序列属性

是否展开
初始化展开的层级
普通状态设置




节点颜色
文本样式
线条颜色

线条宽度

高亮状态设置
节点颜色
文本样式
标记设置标记的图形
标记的大小
高级图形标识
图形数据动态变化
图形输出行数
图形主题
排序
排序顺序
排序指标
数据传值设置
扩展属性