页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

指标拆解树通过拆解核心指标,来定位影响核心指标的关键因素,常用于即席探索和进行根本原因分析。例如,指标拆解树可以方便的查看多个维度中的各个成员对整体的贡献。

2 业务场景

1、场景描述:某大型零售公司,想要分析产品类别、发货区域和省份中各维成员对销售额指标的贡献情况,如下图所示:

...

(3)可以点击选中节点,查看不同维成员的拆解情况,同一列中,每次只能展开一个维成员,如下图所示:

(4)可以点击上方维度导航条,按某个维度字段对应指标值的升序或降序查看,如下图所示:(4)可以点击上方维度导航条,按某个维度字段对应指标值的升序或降序查看,默认是按降序排列,如下图所示:

         如果下级节点被展开了,则点击排序后会默认展开当前页的第一个节点。

(5)在组件属性设置中,调整每个节点指标值占比的计算依据,默认是按父节点的指标值计算占比依据;修改为 (5)在组件属性设置中,调整每个节点指标值占比的计算依据,默认是按当前列最大值节点的指标值计算占比依据;修改为 顶级节点 ,可查看每个维成员的销售额占总销售额的比例,如下图所示:

  • 当前列最大值:维度字段纵列中,当前展开的节点中指标值最大的节点,占比=节点指标值/当前列最大值节点指标值。
  • 父节点:当前节点中包含子节点,则该节点为父节点,占比=节点指标值/其父节点指标值。
  • 顶级节点:当前节点没有父节点,则该节点为顶级节点,占比=节点指标值/顶级节点指标值。当前列最大值:维度字段纵列中,当前展开的节点中指标值最大的节点,占比=节点指标值/当前列最大值节点指标值。
信息

计算占比时,分子和分母会带上正负号进行运算。

Image Modified

3 组件基础功能

3.1 分页

1、默认是按照组件大小自适应显示每页行数,支持在组件属性设置中,修改 列分页行数 为 自定义 ,自定义纵列上每页显示多少个节点,如下图所示:

...

2、点击  翻页时,如果下级节点被展开了,则翻页后会默认展开当前页的第一个节点,如下图所示:

3.2 维度导航条

1、点击 x ,是在当前的指标拆解树中去掉该维度,若下级节点被展开,则下级节点自动往前移且默认展开当列第一个节点,如下图所示:

...

3、在组件的属性设置中,支持修改维度导航条的背景颜色和文字样式,如下图所示:

3.3 默认展开层级

在组件的属性设置中,支持设置打开仪表盘时,指标拆解树默认展开层级效果,如下图所示:

  • 全部展开:全部展开指标拆解树上被拆解的维度,若字段只是添加到组件数据设置的 维度 区域,在指标拆解树上没有被选择拆解,则不会默认被展开。
  • 全部收起:默认收起所有拆解的维度。
  • 当前保存效果:保存仪表盘时,指标拆解树当前的展开效果作为下次打开时的默认效果。

3.4 样式设置

在组件属性设置中,可以设置指标拆解树的样式效果。

Image RemovedImage Added

1、样式:支持条形和圆环两种展示风格。

设置项效果

条形:

圆环:

...

2、布局:支持配置指标拆解树的展开方向

设置项效果

从左到右展开:

Image Added

Image Added

从右到左展开:

Image Added

Image Added

3、节点大小:调整每个节点的高宽

3、边框:设置节点边框的样式。4、边框:设置节点边框的样式。

信息

节点之间连接线的样式,只支持修改颜色,线类型和线宽暂不支持设置。

4、颜色:设置指标拆解树上正值、负值和进度背景的颜色。5、颜色:设置指标拆解树上正值、负值和进度背景的颜色。

  • 如果下级节点被展开时,当前节点的连接线颜色和边框色跟随节点的颜色。
  • 指标值为正值或负值时,会影响进度的方向。条形时,正值从左往右,负值从右往左;圆环时,正值为顺时针,负值为逆时针。

5、标签:支持设置节点内维度值、指标和占比内容的显示效果,其中维度值默认必须显示。6、标签:支持设置节点内维度值、指标和占比内容的显示效果,其中维度值默认必须显示。

4 更多功能

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性更多的组件的通用设置项的详细介绍,可参考文档:组件属性

  • 交互设计:如需了解交互相关功能,可参考文档交互设计