组件的层次

<< Click to Display Table of Contents >>

当前位置:  设计可视化分析报告 > 可视化组件 > 组件操作与设置 

组件的层次

复制链接

1. 概述

1.1 应用场景

在制作报告过程中组件较多时,用户能够快速定位组件,清晰直观地查看组件的叠放层次(包含隐藏组件)并快速调整层级,实现对组件的轻松管理,提升报告设计体验。

1.2 功能介绍

用户可以通过组件工具栏或者组件层级调整悬浮组件的层次关系。

组件列表按照各组件叠放层次关系顺序进行展示,用户可以搜索组件名称进行查找,对组件进行叠放层次调整。列表中,不同标签页以文件夹形式展示组件;组合和选项卡这类容器组件以小文件夹形式存放内部组件。

2. 层次关系

自由布局下,所有组件均为悬浮组件,悬浮组件具有层次关系。

智能布局下,固定组件没有层次关系,都位于最底层,组合为固定状态时,组合整体没有叠放层次,同智能布局中的其他组件一样位于最底层。如报告中的单个或少数几个固定组件需调整叠放层次,可分别转换为悬浮组件。若报告中的所有组件都需要调整叠放层次,可将报告布局切换为自由布局,可将全部固定组件转换为悬浮组件。

悬浮的组件和组合内的组件具有层次关系。每当您把组件悬浮后,该组件会默认置于最顶层。同样,每次新组合的组件整体,也会默认置于最顶层。

3. 调整组件层次

您可以通过以下两种方式对组件的叠放层次进行调整。

3.1 组件工具栏

组合整体与其他悬浮组件的叠放层次

1)选中位于上层的文本组件,在组件工具栏上,点击【更多 > 叠放层次 > 到底部】。

dblayout_grid_component_group_level1

2)原本位于上层的文本组件被放置到底层,下层的组合组件被置于上层,挡住了下层的文本组件。

dblayout_grid_component_group_level2

组合内成员的组内叠放层次

1)选中组合中位于上层的饼图,在组件工具栏上,点击【更多 > 叠放层次 > 到底部】。

dblayout_grid_component_group_level3

2)原本位于上层的饼图被放置到底层,下层的柱图被置于上层,挡住了下层的饼图组件。

dblayout_grid_component_group_level4

3.2 组件层级

你可以通过右侧的组件层级对悬浮文件下的悬浮组件或组合进行拖拽或点击顶部的层次图标点击以改变叠放层次。

拖拽过程中会出现提示线,释放鼠标即调整结束。列表中的层次顺序:从上往下层次递减。

dblayout_grid_component_level_tree