Tab 组件

  • 文档创建者:TW
  • 历史版本:1
  • 1. 概述

    1.1 应用场景

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

    1.2 功能简介

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

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

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

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

    2. 制作 Tab 组件

    2.1 添加 Tab 组件

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

    2.2 添加 Tab 页

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

    2.3 添加组件至 Tab 页中

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

    2.4 修改标题

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


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

    2.5 调整标签页顺序

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

    2.6 删除

    2.6.1 删除 Tab 组件

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

    2.6.2 删除标签页

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

    2.6.3 移除标签页内组件

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

    2.7 组件导出

    Tab 组件不支持单独导出,可以跟随仪表板整体导出。

    仪表板整体导出时,每个标签页支持单独导出到 Excel,导出顺序按照当前标签页内的位置从左至右、从上到下的顺序导出。

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

    3. 样式设置

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

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


    附件列表


    主题: 制作和分享仪表板
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!