1. 概述
1.1 版本
| FineBI 版本 | 功能变动 |
|---|---|
| 6.0 | - |
1.2 应用场景
Tab组件可实现信息整合、布局优化、多维分析等多种场景，满足用户不同的数据分析需求。
场景一：当数据分析时，希望同一个角度的分析放置在一个页面中，点击Tab切换不同的分析角度。例如，查看合同订单的整体金额分析、不同地区的订单分析。
场景二：仪表板内有多个主题的分析，仪表板分析页面太长，希望能够整合相关内容在一个页面展示，点击Tab切换不同内容，缩短仪表板的篇幅，实现精简布局。
场景三：在不同Tab内，希望能实现灵活分析，自由布局，不会受到tab页的限制。
用户在制作仪表板时，将一个仪表板中的内容分多个主题去展示，缩短仪表板篇幅，实现灵活布局，并且可以同时查看，效果如下图所示：
1.3 功能简介
用户可以在一个 Tab 组件内下的不同 tab 页添加组件，并点击 tab 页标题切换不同 tab 页。
Tab 组件支持悬浮、复制、删除、自身样式设置等。
注：Tab 组件中的 tab 页是异步加载。
以 1.2 节作为示例进行说明。
2. 添加 Tab 组件
在仪表板编辑界面，选中「其他>Tab 组件」托拽到右侧仪表板中，则成功添加 Tab 组件。如下图所示：
3. 新增 tab 页
点击组件 tab 页标题旁边的「+」则添加 Tab 页，添加的 tab 标签页都叫 tab ，且点击 tab 页标题即可切换 tab 页，如下图所示：
4. 添加 tab 页组件
添加的组件作用生效范围： Tab 组件并不改变原有组件的设置及生效作用范围。（包括联动、钻取等效果）
设置了悬浮的组件，不支持拖入、拖出Tab组件。
4.1 制作组件
先将数据分析的组件都添加都制作并添加到仪表板中。详情参见：添加组件至仪表板
4.2 添加组件至 tab 页中
点击第一个 tab 页标签，切换到需要添加组件的 tab 页，再将组件拖入其中，则成功添加组件，如下图所示：
注：tab 组件通过拖拽可按比例调整大小。
注1：在 tab 标签未重命名时，仅按照第一个拖入组件的名字进行变化，例如上图中当将过滤组件首先拖入 tab 页后，tab 页名称自动修改为过滤组件名称「日期区间」。若此时再拖入第二个组件则不影响当前 tab 页标签名称，此后 tab 页标签的名字将固定为第一个拖入组件时的名称不变。
注2：tab 页标签内组件在拖入第二个及以后的组件时，组件标题不隐藏，并且恢复第一个组件标题状态由隐藏到显示。
注3：tab 页标签及 Tab 组件标题不支持添加字段。
同理，将第二个 tab 页中也拖入需要的组件，如下图所示：
5. 修改 tab 页标题
tab 页支持设置标题。将鼠标悬停在需要重命名的 tab 页标题上，则出现下拉框，点击「编辑标题」，即可重命名 tab 页标题。如下图所示：
6. 设置组件样式
6.1 进入样式设置页面
1）点击 Tab 组件，选择「>样式设置」，则进入样式设置界面。如下图所示：
样式设置界面可以设置 Tab 组件标题、背景和 Tab 页样式。
6.2 设置组件标题
对 Tab 组件标题字体格式进行设置，如下图所示：
6.3 设置组件背景
设置「标题背景」和「组件背景」，详情参见：组件背景样式设置，如下图所示：
6.4 设置 tab 页标签样式
支持对切换的 Tab 样式进行调整，包括「风格」、「位置」、「字体」、「选中状态」和「默认状态」。
示例设置第二种 Tab 样式风格，设置完点击「确定」，效果如下图所示：
Tab 页标题的「风格」有三种样式：
风格1：标签背景色为下方线条，移动端与 PC 端效果一致。
风格2：选中标签背景色为色块，未选中为线条，移动端与 PC 端效果一致。
风格3：所有标签的背景色都为色块， PC 端与移动端展示效果不一致，移动端展示效果类似风格 1。
「默认态」即未选中的状态，支持设置未选中的状态下的 tab 页字体和背景颜色。
「选中态」即选中的状态，支持设置选中的状态下的 tab 页字体和背景颜色。Tab 组件设置结束后点击「确定」保存样式。如下图所示：
7. 调整 tab 页顺序
每个 tab 页支持左右拖拽调整先后顺序，如下图所示：
8. 复制
注：复制的大小与原组件大小一致，设置内容一致，悬浮状态一致。
8.1 复制 Tab 组件
Tab 组件复制请参考文档：复制组件
8.2 复制 Tab 页内组件
Tab 组件内的 tab 页下拖入的组件也支持复制。例如，点击「客户记录」图表组件，下拉选择「复制」，成功复制图表组件，复制后仍保留在当前 tab 页中，自动排在 tab 页内最下方。如下图所示：
9. 悬浮
Tab 组件、Tab 页标签内的组件支持设置悬浮，设置方式请参考文档：组件悬浮
注：Tab 组件内外设置悬浮的组件不支持拖入拖出 Tab 组件。
10. 删除
tab 页和 Tab 组件删除则对应内的组件也将被删除，删除时会进行提示。删除组件详情可参见：删除组件
10.1 删除 Tab 组件
删除 Tab 组件，组件内的对应组件也一同删除，操作如下图所示：
10.2 删除 tab 页
点击 Tab 页标题，选择「 v >删除」，点击「确定」后成功删除 Tab 页，Tab 页内组件也一同删除，如下图所示：
10.3 移除 Tab 页组件
添加进 Tab 页的组件可以从 Tab 组件中移除，返回仪表板界面中，操作如下图所示：
11. 组件导出
Tab 组件每个页标签支持单独导出到 Excel，导出顺序按照当前 Tab 页标签内的位置从左至右、从上到下的顺序导出。
例如本文示例导出后如下图所示：
