概述
TAB页,支持多个页签,每个页签根据自己的需求放不同的重要信息,通过切换页签的方式满足:当空间不足以展示所有信息时,通过利用页签空间进行完美展示。
实例
下图是一个典型的TAB页:通过1个清单表,1个柱图,1个饼图显示用户关注的信息。
通过单击图表顶部的页签名称,实现页签切换。
![](/download/attachments/44500538/7%E4%B8%AA%E5%B0%8F%E7%9F%AE%E4%BA%BA1.gif?version=2&modificationDate=1566370772000&api=v2)
操作步骤
1、在自助仪表盘定制界面中拖拽一个“TAB页”组件到“展现区”。
![](/download/attachments/44500538/image2019-7-24%2015%3A5%3A17.png?version=1&modificationDate=1563951921000&api=v2)
2、在页签1中创建一个清单表。
![](/download/attachments/44500538/image2019-8-21%2015%3A0%3A30.png?version=1&modificationDate=1566370834000&api=v2)
3、增加一个页签2。
![](/download/attachments/44500538/image2019-8-21%2015%3A0%3A45.png?version=1&modificationDate=1566370849000&api=v2)
3、在页签2中创建一个柱图。
![](/download/attachments/44500538/image2019-8-21%2015%3A0%3A59.png?version=1&modificationDate=1566370863000&api=v2)
4、再增加一个页签3,并在页签3中创建一个饼图。
![](/download/attachments/44500538/image2019-8-21%2015%3A1%3A15.png?version=1&modificationDate=1566370879000&api=v2)
5、在TAB组件的 更多 菜单中默认勾选的是 TAB,所以我们在作普通的TAB时可以不用勾选,当有跑马灯或者下钻的需求时再自行切换。
![](/download/attachments/44500538/image2019-8-21%2015%3A1%3A29.png?version=1&modificationDate=1566370893000&api=v2)
6、点击右上角的 完成 按钮,即完成TAB的制作。
![](/download/attachments/44500538/image2019-8-21%2015%3A1%3A44.png?version=1&modificationDate=1566370908000&api=v2)