概述
页签组件的每个页签都可以批量绑定多个异同类型的组件,用于控制绑定该页签的所有组件显示还是隐藏。每个页签绑定的组件不相冲突,绑定的组件只能在其绑定的页签下显示,当切换到其它页签时,隐藏这些组件。
页签组件相比Tab组件的区别如下:
组件 | 页签组件 | Tab组件 |
---|---|---|
相同点 | 分页展示 | |
区别 | 页签组件的一个页签内可包含多个组件内容,甚至一个页签页就相当于一整个仪表盘的内容 | Tab组件的每个页签仅支持拖入一个组件,无法同时展示多组件内容以及进行复杂样式设置。 |
示例
效果预览
实现步骤
1. 新建一个大屏可视化。在画布区中添加一个【页签】组件
2. 修改页签组件的组件设置。
① 【页签】的设置项如下,其中页签颜色为“#A5A5A5”,高亮页签颜色为“#00B2EE”。
② 【组件】:修改背景颜色为透明。
3. 在主题区更改仪表盘背景为图片,如图所示:
4. 删除页签3
4. 任意添加6个图表到画布内(可以通过组件复用添加)。摆放位置参考如下:
5. 右键点击“页签1”,选择“绑定组件”
接着勾选需要绑定在“页签1”页面下的组件,如下图 “页签1” 绑定图表1、图表2、图表3。
6. “页签2”的设置亦同理,绑定图表4和图表5。
7. 最终效果如下所示:
说明
组件工具栏
1. 移动:移动页签组件;
2. 组件设置:用于对页签组件样式单独进行设计。
3. 更多:更多菜单中包含对当前TAB组件进行整体的样式设计及跑马灯、下钻功能定义。
4. 移除:移除键用于移除组件功能。
更多
用于设置整个页签组件。
设置项说明如下:
功能 | 说明 |
---|---|
组件设置 | 设置组件样式。 |
宏管理 | 进入该组件的宏管理界面。 |
浮动设置 | 用于设置该页签组件图层在画布上的图层顺序。 |
剪切组件 | 剪切组件到剪贴板中。 |
复制组件 | 复制件到剪贴板中。 |
粘粘 | 将剪切或复制的组件粘粘到其他的页签中。 |
隐藏标题 | 隐藏页签中组件的标题。 |
隐藏组件 | 删除页签中的组件。 |
移除组件 | 删除页签。 |
页签下拉菜单
用于设置页签。
设置项说明如下:
功能 | 说明 | |||
---|---|---|---|---|
页签操作 | 添加 | 添加一个新的页签 | ||
删除 | 删除所选择的页签 | |||
绑定组件 | 选择需要绑定在当前“页签”页面下的组件
| |||
显示边界辅助线 | 该设置项仅存在于大屏可视化下,设置是否显示边界辅助线用于辅助作图 | |||
页签顺序 | 移至最左 | 将页签移动到最左侧。 | ||
左移页签 | 将页签向左移动一个位置。 | |||
右移页签 | 将选中页签向右移动一个位置。 | |||
移至最右 | 将页签移动到最右侧。 | |||
高级设置 | 在高级设置窗口可自由调整页签顺序。 选择需要调整顺序的页签,点击顺序按钮调整顺序:
| |||
移除页签 | 删除所选择的页签 |