1 概述
Tab组件主要用于实现同一组件分不同页签展现不同资源的效果,以及跑马灯和自定义下钻的互动效果。Tab页组件包括Tab、跑马灯、下钻3种不同场景展现方式。
2 Tab
1、Tab页支持多个页签,每个页签根据自己的需求放不同的重要信息,通过切换页签的方式满足:当空间不足以展示所有信息时,通过利用页签空间进行完美展示。
2、场景描述:通过1个明细表,1个柱图,1个饼图,显示用户关注的信息,如下图所示:
3、以产品内置Demo资源的“订单模型”作为数据来源。
4、操作步骤
(1)在仪表盘编辑界面中新建一个Tab组件。Tab组件默认有三个页签,可以根据实际需求增加/删减;第一个页签默认内置了一个汇总表组件,可以根据实际需求变换类型。
(2)切换页签1的组件类型为 明细表,在数据选择区中,勾选 发货区域 、 产品类别 和 销售量 字段,由系统自动分配到 列 上;或拖拽 发货区域 、 产品类别 和 销售量 字段到 列 。
(3)在页签2中拖拽一个柱图组件,在数据选择区中,勾选 省份 和 销售额 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 省份 字段到 X轴 ,销售额 字段到 Y轴 。
(4)在页签3中拖拽一个饼图组件,在数据选择区中,勾选 产品类别 和 销售额 字段,由系统自动分配到 标记 > 颜色 和 标记 > 角度 上;或拖拽 产品类别 字段到 标记 > 颜色 ,销售额 字段到 标记 > 角度 。
(5)在Tab组件的 更多 菜单中默认勾选的是 Tab,所以我们在作普通的Tab时可以不用勾选,当有跑马灯或者下钻的需求时再自行切换。
(6)最终效果如下图所示:
3 跑马灯
1、跑马灯又叫轮播图。当内容空间不足时,使用资源轮播展现的形式能更好地利用报表空间资源。通过轮播的切换形式,增加组件内容资源的丰富性,趣味性。
2、场景描述:通过1个明细表,1个柱图,1个饼图,显示用户关注的信息。
3、以产品内置Demo资源的“订单模型”作为数据来源。
4、操作步骤
(1)在仪表盘编辑界面中新建一个Tab组件。Tab组件默认有三个页签,可以根据实际需求增加/删减;第一个页签默认内置了一个汇总表组件,可以根据实际需求变换类型。
4 下钻
1、下钻是指在没有层次结构的维度中,通过自定义下钻规则来实现钻取效果。
2、场景描述:通过1个明细表,1个柱图,1个饼图,显示用户关注的信息。
3、以产品内置Demo资源的“订单模型”作为数据来源。
4、操作步骤
(1)在仪表盘编辑界面中新建一个Tab组件。Tab组件默认有三个页签,可以根据实际需求增加/删减;第一个页签默认内置了一个汇总表组件,可以根据实际需求变换类型。
5 页签操作
6 组件设置
Tab组件的设置项包含Tab页签、组件和高级。
6.1 Tab页签
Tab页签的设置项包含显示位置、对齐方式、风格、颜色、样式。
6.1.1 显示位置
说明
设置Tab页签的显示位置。默认为居上。
效果
6.1.2 对齐方式
说明
设置Tab页签的对齐方式。默认为左。
效果
6.1.3 风格
说明
设置Tab页签的风格。默认为简洁。
效果
6.1.4 颜色
说明
设置Tab页签的背景颜色。
效果
样式设置为自定义时,颜色设置项置灰不可用。
6.1.5 样式
说明
设置Tab页签的宽度、样式以及高亮页签(即当前页签)的样式。
效果
6.2 组件
- 更多的组件属性设置项的详细介绍,可参考文档: 组件设置 。
6.3 高级
高级的设置项包含定时刷新、触摸切换Tab页。