概要说明
树图是以树结构的方式组织展现各级分类及指标的一类图形,它是利用包含关系表达层次化数据的可视化方法。
树图既可以组织存在父子结构的项目,亦可以组织无父子关系的项目。下图中图1树图是基于父子关系结构字段构建,图2是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。
类型 | 图例 |
---|---|
基于父子关系结构字段构建。 | |
基于非父子关结构字段构建。 其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 |
树图的特点说明如下:
优势:可以清晰地显示树状层级结构,在展示横跨多个层级的数据信息时非常方便。
劣势:无法显示占比功能。
数据要求:有层级关系的数据。
适用场景: 树图能够直观体现同级之间的比较,比较适用于关联类的需求。
不适用场景:没有层级关系的数据。
实现方案
业务情景描述:展示发货区域和下一层级发货城市的销售数量。
数据结构
业务情景的数据来源如下:
我们的基础数据以明细表的形式存储。
定制要点
拖拽“发货省份”字段到 标记>标签 上,“数量”字段到 标记>大小 和 标记>颜色 上。
钻取设置
通过对层级结构的字段创建层次,树图可以实现右键选择下钻到下一层次和上钻返回的效果。具体操作请参考 功能示例-自定义层次维下钻 。
配色修改(设置颜色分类)
多色配色可以设置 标记>标签 的字段按照 标记>颜色 的字段进行颜色分类。
选中树图组件,拖拽字段“发货区域”到“标记区”的 颜色 标记项, 可以设置发货省份按照其所属区域以不同的颜色显示。如下图所示: