历史版本2 :Tab 组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

用户在制作仪表板时,需要将一个仪表板中的内容分多个主题去展示,并且可以同时查看,如下图所示:

1.gif

1.2 功能简介

  • 用户可以在一个 Tab 组件内添加多个标签页,一个标签内可添加多个组件,点击可切换不同标签页。

  • 支持添加的组件范围:图表组件、筛选器、其他组件。 注:Tab 组件无法拖入标签页 中。

  • Tab 组件支持编辑标题、删除、自身样式设置等。

  • 拖入标签页的图表、筛选器、其他组件支持的功能不变。

2. 制作 Tab 组件编辑

2.1 添加 Tab 组件

在仪表板编辑界面点击「其他>Tab 」,将 Tab 组件拖入仪表板中。如下图所示:

11.png

2.2 添加 Tab

点击标签页标题旁边的「+」添加一个标签页,点击标签页标题可以切换 tab,如下图所示:

12.png

2.3 添加组件至 Tab 页中

切换到需要添加组件的标签页,将组件拖入其中,再调整组件大小,如下图所示:

3.gif

2.4 修改标题

可以修改整个 tab 组件的标题,点击「编辑标题」,即可重命名 tab 组件标题,如下图所示:

13.png

可以对某一个标签页编辑标题,将鼠标悬停在标签页标题上,则出现下拉按钮,点击「编辑标题」。或者直接双击标签页标题,也可以更改标题名称,如下图所示:

14.png

2.5 调整标签页顺序

支持调整标签页顺序,将鼠标悬停在标签页标题上,则出现下拉按钮,点击「移动到」。可以将次标签页移动到第一个/最后一个,也可以指定移动到某一个标签页之后,如下图所示:

15.png

2.6 删除

2.6.1 删除 Tab 组件

点击 Tab 组件的「删除」按钮,删除的是整个 tab 组件,所有标签页和标签页内拖入的组件都会被删除,如下图所示:

16.png

2.6.2 删除标签页

点击标签页的「v>删除」按钮,删除的是这个标签页,标签页内已添加的组件也会被删除,如下图所示:

17.png

2.6.3 移除标签页内组件

添加进标签页的组件可以从 Tab 组件中移除,操作如下图所示:

8.gif

2.7 组件导出

Tab 组件每个页标签支持单独导出到 Excel,导出顺序按照当前标签页内的位置从左至右、从上到下的顺序导出。

例如本文示例导出后如下图所示:

8.png

3. 样式设置编辑

点击「样式设置」可进入样式设置界面,支持对组件背景、标签页样式、标题样式进行自定义设置,如下图所示:

注:这里的样式设置是对 Tab 组件进行设置,标签页内的图表可单独设置,参见文档:样式设置

18.png