反馈已提交

网络繁忙

Tab 组件

  • 文档创建者:Naya
  • 历史版本:2
  • 最近更新:Naya 于 2023-03-13
  • 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

    附件列表


    主题: 制作和分享仪表板
    • 有帮助
    • 没帮助
    • 只是浏览

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持