页面历史

1、自动：组件会自动适应页面的高度与宽度，自动调整组件之间的位置。

2、浮动：组件以浮动的方式显示，能够改变组件之间的位置和顺序。

布局方式为浮动时，可改变图表1的位置，设置图表1相对图表2的浮动顺序为顶层，效果如图：

Image Removed

组件设置布局方式为“浮动”时，选中该组件，点击 更多 > 浮动设置 ，可设置该组件的浮动顺序，相对位置，对齐方式。

Image Removed

（1）浮动顺序是指当浮动组件之间有重叠时，设置浮动组件的层次顺序。有“顶层，上一层，下一层，底层”四种顺序。

Image Removed

• 顶层：该组件处于最顶层。
• 上一层：该组件目前所在层次的上一层，往顶层的方向。
• 下一层：该组件目前所在层次的下一层，往底层的方向。
• 底层：该组件处于最底层。

对应模型图：

Image Removed

其中，1为底层，3为顶层。3>2>1。

（2）相对位置是指相对其他组件的位置。

Image Removed

（3）对齐方式：在设置了相对位置后，可设置其对齐方式。有“居左，居中，居右”三种对齐方式。

Image Removed

• “居左”对齐方式，设置图表1的相对位置为图表2，对齐方式为“居左”，效果如图：

Image Removed

• “居中”对齐方式，设置图表1的相对位置为图表2，对齐方式为“居中”，效果如图：
  

Image Removed

• “居右”对齐方式，设置图表1的相对位置为图表2，对齐方式为“居右”，效果如图：
  

Image Removed

该功能与图形组件的布局方式一样，详情请参考 图形组件-基本 > 布局方式

设置组件的背景颜色和透明度。

• 透明度为0~100%，透明度越大，背景颜色越浅。

将组件的背景颜色设置为深灰色，如图：设置组件的背景颜色为深灰色，透明度为0，如图：

Image Modified

透明度为50%，效果如图：设置组件的背景颜色为深灰色，透明度为50，如图：

Image Modified

设置组件的边框样式，边框大小和边框颜色。

设置组件边框样式为虚线，边框大小为3，边框颜色为紫色，如图：

Image Modified

设置组件外边距，即组件跟页面之间的距离，可以对上下左右分别设置。组件外边距，指组件跟页面或跟其他组件之间的距离，可以分别对上下左右的外边距进行设置。

Image Modified