puffs
2026-8-18 18:01:10
发布在干货资料
标签组合报告进阶:标签编辑、共享过滤与样式微调
上篇讲了快速搭建,这篇深入介绍标签的编辑操作和配置细节。
一、编辑标签:增删改拖全支持
标签区域的编辑操作非常直观:
<| 操作 | 方式 | | 移动标签 | 鼠标变为手型后,拖拽到目标位置 | | 添加标签 | 点击标签内容页面右侧的“+”按钮 | | 删除标签 | 鼠标悬停到页签上,点击显示的“×”图标 |

二、替换与清空标签内容
替换内容:从左侧资源目录拖拽新报告/网页到对应标签即可
清空内容:选中标签 → 右侧设置菜单 → 点击“清空”
三、标签样式配置(PC端)
点击顶部【标签样式】→【PC端样式】,可配置:
| 配置项 | 说明 | | 未选中页签 | 背景色、文字颜色 | | 选中页签 | 背景色、文字颜色、字体加粗 | | 页签下划线 | 颜色设置 | | 页签栏背景 | 整体标签栏的背景色 | | 标签宽度 | 自动 / 均分 / 自定义 |

配置完成后,标签风格与报告整体色调保持一致,视觉上更统一。
四、标题设置
标签组合中的标题分为两层:
报告标题:显示在内容区顶部,只能修改名称,不可改样式
标签页签名:显示在标签栏,支持修改名称和样式(背景色、字体、对齐方式)
默认标题是隐藏的,选中标签后取消“隐藏”即可显示。如需突出某个标签,可将标题文字标红。
五、共享过滤的使用边界
与网格组合一致,共享过滤仅对同数据集的报告生效。不同数据源的过滤组件无法跨标签联动,设计组合前建议先确认各报告的数据源是否一致。
六、 移动端适配
标签组合支持单独配置移动端样式,效果与网格组合的移动端配置类似,可独立设置页签样式以适应手机端的触摸操作。
几点实操建议
· 适合大屏汇报:标签组合在汇报场景中很实用——先停留在总览标签展示全局,再切换到细分类别展开说明,汇报节奏清晰。
· 标签数量建议5-7个以内:标签太多会导致页签栏拥挤,影响切换体验。如需展示更多主题,可以考虑分组嵌套或拆分为多套组合报告。
· 切换前确认过滤条件:标签切换时,共享过滤条件会保留,但不同标签页的交互状态(如钻取层级)不一定同步,建议在使用前向最终用户说明这一交互特点。
预览时多切换几次:每个标签页首次加载可能需要时间,建议正式使用前把所有标签都点一遍,预热缓存,避免演示时卡顿。
|
免责声明:本文不代表本站立场,且不构成任何建议,请谨慎对待。
版权声明:作者保留权利,不代表本站立场。