概述
TAB页,支持多个页签,每个页签根据自己的需求放不同的重要信息,通过切换页签的方式满足:当空间不足以展示所有信息时,通过利用页签空间进行完美展示。
实例
下图是一个典型的TAB页:通过1个清单表,1个柱图,1个饼图显示用户关注的信息。
通过单击图表顶部的页签名称,实现页签切换。
![](/download/attachments/44500538/48.gif?version=1&modificationDate=1572235513000&api=v2)
操作步骤
1、在自助仪表盘定制界面中拖拽一个“TAB页”组件到“展现区”。
![](/download/attachments/44500538/image2019-10-28%2012%3A6%3A23.png?version=1&modificationDate=1572235584000&api=v2)
2、在页签1中创建一个清单表。
![](/download/attachments/44500538/image2019-10-28%2012%3A6%3A36.png?version=1&modificationDate=1572235598000&api=v2)
3、增加一个页签2。
![](/download/attachments/44500538/image2019-10-28%2012%3A7%3A6.png?version=1&modificationDate=1572235627000&api=v2)
3、在页签2中创建一个柱图。
![](/download/attachments/44500538/image2019-10-28%2012%3A7%3A19.png?version=1&modificationDate=1572235640000&api=v2)
4、再增加一个页签3,并在页签3中创建一个饼图。
![](/download/attachments/44500538/image2019-10-28%2012%3A7%3A30.png?version=1&modificationDate=1572235651000&api=v2)
5、在TAB组件的 更多 菜单中默认勾选的是 TAB,所以我们在作普通的TAB时可以不用勾选,当有跑马灯或者下钻的需求时再自行切换。
![](/download/attachments/44500538/image2019-8-21%2015%3A1%3A29.png?version=1&modificationDate=1566370893000&api=v2)
6、点击右上角的 取消编辑tab组件 按钮,即完成TAB的制作。
![](/download/attachments/44500538/image2019-10-28%2012%3A11%3A5.png?version=1&modificationDate=1572235867000&api=v2)