页面树结构

版本比较

标识

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

概述

TAB页,支持多个页签,每个页签根据自己的需求放不同的重要信息,通过切换页签的方式满足:当空间不足以展示所有信息时,通过利用页签空间进行完美展示。

实例

下图是一个典型的TAB页:通过1个清单表,1个柱图,1个饼图显示用户关注的信息。

通过单击图表顶部的页签名称,实现页签切换。

Image RemovedImage Added

操作步骤

1、在自助仪表盘定制界面中拖拽一个“TAB页”组件到“展现区”。

Image RemovedImage Added

2、在页签1中创建一个清单表。

Image RemovedImage Added

3、增加一个页签2。

Image RemovedImage Added

3、在页签2中创建一个柱图。

Image RemovedImage Added

4、再增加一个页签3,并在页签3中创建一个饼图。

Image RemovedImage Added

5、在TAB组件的 更多 菜单中默认勾选的是 TAB,所以我们在作普通的TAB时可以不用勾选,当有跑马灯或者下钻的需求时再自行切换。

6、点击右上角的 完成 取消编辑tab组件 按钮,即完成TAB的制作。

Image RemovedImage Added

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录