tab控件
功能概述
Tab控件是Quick BI仪表板“其他控件”中的一种布局与组织工具。它允许您在仪表板的有限空间内，通过创建多个标签页（Tabs）来分组和展示不同的图表、查询控件或其他组件。
主要作用是将仪表板内容按照逻辑类别、分析主题或业务流程步骤进行划分，用户可以通过点击不同的Tab标签来切换查看相应的内容。这有助于：
优化布局：在单一视图内承载更多信息，避免页面过长或过于拥挤。
提升组织性：将相关联的图表和控件归类到同一个Tab下，使信息结构更清晰。
引导分析：按照特定的顺序组织Tabs，可以引导用户按步骤进行数据探索。
例如，在一个销售仪表板中，您可以使用Tab控件创建“销售概览”、“区域表现”、“产品分析”等多个标签页，每个标签页下放置对应的图表和数据。
使用限制
在使用Tab控件时，请注意以下几点：
布局容器角色：Tab控件本身是一个容器，用于组织和展示其他控件（如图表、查询控件等）。它自身不直接绑定数据源或执行数据计算。
内容独立性：每个Tab标签页内的内容是相对独立的。默认情况下，在一个Tab页内进行的筛选操作（如果该Tab内放置了查询控件）仅影响当前Tab页内的关联图表，不会自动影响其他Tab页的内容。
置顶功能依赖：若希望在页面滚动时，Tab内的查询控件能固定在顶部（“Tab内条件跟随置顶”），前提是必须先启用“Tab标题置顶”功能。
操作步骤
在仪表板编辑模式下，您可以按照以下步骤添加和配置Tab控件：
添加控件：
在仪表板编辑界面顶部的工具栏中，找到并点击“Tab（
）”图标。
添加内容到Tab页：
将仪表板画布上已有的图表、查询控件或其他组件，直接拖拽到Tab控件的区域内，即可将其放入当前选中的Tab标签页下。
同样地，也可以将Tab内的组件拖拽出来。
编辑Tab页：
重命名Tab：直接在画布上单击目标Tab的标题文字，即可进行修改。
新增Tab：点击Tab控件区域内现有标签右侧的“+”号图标，即可添加一个新的空白Tab页。
调整顺序：鼠标悬浮在要移动的Tab标签上，当左侧出现拖拽图标（
）时，按住并拖动即可调整其在标签栏中的位置。
复制/删除Tab：鼠标悬浮在目标Tab标签上，点击其右侧出现的省略号（...）或类似图标，在弹出的菜单中选择“复制”或“删除”。
配置样式（右侧面板）：
选中Tab控件，在仪表板右侧的配置面板中切换到“样式”页签。
标题与卡片：
设置控件主标题（如显隐、内容、样式）。
设置“Tab样式”（如下划线、分割线、选中块、胶囊滑块、文字样式、滑块、背景、制订等）。
设置Tab的备注尾注。
设置组件容器（如背景填充、圆角、高度、内边距等）。
样式内容 | 描述说明 |
标题 | 设置是否显示主标题，配置标题内容、文本样式、分割线。
|
Tab样式 | |
自定义Tab样式 | 支持自定义Tab样式为下划线、分割线、选中块和胶囊滑块。
|
Tab内文字 | 当自定义Tab样式选择下划线、分割线、选中块时，支持设置选中字体样式以及未选中字体样式。
|
文本 | 当自定义Tab样式选择胶囊滑块时，支持设置文本字号、未选中以及选中字体的样式。
|
滑块 | 当自定义Tab样式选择胶囊滑块时，支持设置滑块的填充颜色和边框颜色。
|
背景 | 当自定义Tab样式选择胶囊滑块时，支持设置背景的填充颜色和边框颜色。
|
高度 | 当自定义Tab样式选择胶囊滑块时，支持设置Tab的高度为根据文本字号自适应或固定值。
|
圆角 | 当自定义Tab样式选择胶囊滑块时，支持设置Tab的圆角大小。
|
Tab底部分割线 |
|
Tab位置 | 支持居左、居中和居右显示。
|
Tab标题置顶 | 支持Tab标题置顶。 当Tab内容超过一屏需要滚动查看时，选中该选项后，标题区固定在屏幕最上方。
|
Tab内条件跟随置顶 | 支持Tab内的查询控件置顶。
说明 仅当选中Tab标题置顶时，才支持选择Tab内条件跟随置顶。 |
备注与尾注 | |
备注 | 选择是否在Tab标题旁设置备注，以及备注的具体内容。
说明 您需要在标题 > 样式中选中显示主题标题，备注内容才能正常显示。
|
组件容器 | |
自定义背景填充 | 设置Tab组件容器的背景填充颜色，以及图片样式。 卡片颜色：支持纯色、渐变。
背景图片：支持使用系统素材，或自定义图片。
|
圆角 | 设置Tab组件容器的圆角值。
|
Tab高度 | 设置Tab组件容器的高度，支持以下两种方式。
|
自定义tab内边距 | 设置Tab组件中的内容与外边框之间的边距。
|
自定义tab内组件边框 | 设置Tab组件内图表的边框颜色。
|
标签：
新增Tab标签（①）：单击按钮，新增Tab标签。
插入查询条件（②）：单击
图标，弹窗Tab内查询条件设置页面进行查询条件的配置，具体操作请参见Tab内创建查询控件。复制（③）：单击
图标，支持复制当前Tab标签页面。隐藏（④）：单击
图标，支持隐藏当前Tab标签页面。删除（⑤）：单击
图标，支持删除当前Tab标签页面。调整Tab标签顺序（⑥）：拖拽标签左侧
图标，可调整当前列表内标签的排列顺序。标签宽度（⑦）：设置标签宽度为自适应或固定宽度。
备注（⑧）：支持设置标签备注。
管理控件：
选中Tab控件整体。
点击控件右上角出现的省略号（...）图标，可以进行复制、粘贴、删除整个Tab控件等操作。
支持使用快捷键来管理选中的Tab控件。不同操作系统下，快捷键有所差异。
功能 | 快捷键（Windows系统） | 快捷键（Mac系统） |
复制 | Ctrl+C | Command（⌘）+C |
粘贴 | Ctrl+V | Command（⌘）+V |
删除 | Backspace（←）、Delete | Delete（⌫） |
常见问题 (FAQ)
问：如何在仪表板上添加一个Tab控件？答：在仪表板编辑模式下，点击顶部工具栏的““Tab”图标即可添加。
问：我可以把查询控件（比如日期选择器）放到Tab里面吗？答：可以。您可以将任何图表、查询控件或其他组件拖拽到Tab控件的标签页内。
问：怎样调整Tab标签的显示顺序？答：鼠标悬浮在要移动的Tab标签上，按住左侧出现的拖拽图标进行拖动，即可改变顺序。也可以在右侧配置面板的“样式”->“标签”区域进行拖拽排序。
问：当我的Tab页内容很多需要滚动时，如何让Tab标题一直显示在顶部？答：选中Tab控件，在右侧配置面板的“样式”->“标题与卡片”区域，勾选“Tab标题置顶”选项。
问：在Tab标题置顶后，如何让放在Tab里的查询控件也固定在顶部？答：在勾选了“Tab标题置顶”的前提下，继续在同一配置区域内勾选“Tab内条件跟随置顶”选项即可。
问：一个Tab控件可以连接多个不同的数据源吗？答：Tab控件本身不连接数据源。它是一个容器。放置在不同Tab页内的图表或控件，可以分别连接不同的数据源，这取决于这些图表或控件自身的配置。