页面树结构

版本比较

标识

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

概述

按照“垂直”和“水平”两种层次结构,展示自助仪表盘的组件结构。Image Removed



目录

Image Added

作用

展示结构

如下图中图表2和图表3为垂直结构。

Image Removed

Image Added

说明

可以显示不可直接在仪表盘中发现的结构,例如筛选器的隐藏、组件的布局方式为浮动。

  • 把筛选器隐藏时,如图“年筛选器”被隐藏:
Image Removed
  • Image Added
  • 组件的布局方式为“浮动”时,如下图中图表1、图表2布局方式为浮动:
Image Removed
  • Image Added

组件定位

通过点击“组件”里的图表进行快速定位,如下图点击图表2,自助仪表盘的图表2被选中,组件四周有蓝色短线框标识表示被选中状态。

Image Removed

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid
toc

Image Added

更多

注意

在V9.7版本中,布局面板新增“布局设置”、“均等分布”、“重命名”和“选择布局容器”功能

在图层任意节点的右键菜单,包含有:布局设置、均等分布、重命名、选择布局容器等设置项。

Image Added

布局设置

设置布局面板的背景、边框、外边距、内边距及组件间距。

Image Added

设置及对应效果如下:

Image Added

均等分布

在当前布局面板中,设置组件之间以相同宽度和高度显示。

Image Added

重命名

用于修改图层中各对象节点的显示名称。

选择布局容器

布局容器是根据自助仪表盘的图层结构虚拟出来的一个承载对象,它用于将多个组件组合在一起,便于用户批量对这些组件进行布局设置和位置移动。

布局容器选择的规则是:

1、选择对象:仪表盘中的组件,或者图层中的某组件;图层中的“水平”或“垂直”节点;

Image Added

2、确定容器区域:选中组件或节点在图层结构中其父节点铺设的区域为容器;

Image Added


通过“布局容器”可以整体移动位置或者样式布局,效果参见如下动图:

Image Added

移除组件

在组件上右键选择“移除组件”,删除选中的组件。

Image Added