1 概述
系统提供了10套默认主题,在制作仪表盘时,用户可根据需求切换合适的仪表盘主题,也可自定义仪表盘主题。
1.1 入口
在仪表盘的编辑界面,面板折叠区 点击 主题 页签,显示“主题”各设置项。如下图:
1.2 默认主题介绍
产品内置多套默认主题,风格多样兼顾各种看板搭建场景需求,用户可根据实际应用场景灵活选用主题,快速便捷的打造既实用又美观的仪表盘。
- 组件背景色为透明
- 组件不显示组件标题
2 主题设置项
选择合适的主题后,可对主题的设置项进行部分调整,以达到更满足需求的主题。
仪表盘主题的设置项包括:仪表盘、组件、图形、表格、筛选器。
- 仪表盘:用于设置仪表盘的样式,包括:背景、模式。
- 组件:用于设置仪表盘所有组件的样式,包括:背景、字体、边框、标题。
- 图形:用于设置仪表盘所有图形的样式,包括:主题、配色、不透明度、字体。
- 表格:用于设置仪表盘所有表格的样式,包括:风格、颜色、列头、行头、数据。
- 筛选器:用于设置仪表盘所有筛选器的样式,包括:控件颜色、字体。
设置项说明如下:
设置项 | 说明 | |
---|---|---|
仪表盘 | 背景 | 设置仪表盘背景,分为颜色和图片两种设置。
|
模式 | 设置仪表盘的模式,有浅色和深色两种模式。默认为“浅色”。 | |
组件 | 背景 | 设置所有组件的背景,分为颜色和图片两种设置。
|
字体 | 设置所有组件内的字体样式,样式包括:字体类型、字体大小、颜色。 | |
边框 | 设置所有组件的边框,分为线型和边框两种设置。
| |
标题 | 设置标题展现或隐藏,以及设置标题展现时标题的样式,标题样式包括:标题栏颜色标题字型、标题大小、加粗、斜体、下划线、对齐方式、颜色。 | |
图形 | 主题 | 设置图形的主题,提供了23种主题可选择。 |
配色 | 设置图形的配色,可选择系统内置配色,也可对配色进行自定义。 | |
不透明读 | 设置图形的不透明度,设置为0%为透明,100%为不透明,可根据需要调整。 | |
字体 | 设置图形的字体样式,包括:字体类型、字体大小、加粗、斜体、颜色。 | |
表格 | 风格 | 设置表格的风格类型,有表格、斑马线、无边框三种风格。 |
颜色 | 设置表格的颜色,只需要选择一个主颜色,即可一键配置汇总表表格的整体颜色效果。 | |
列头 | 设置列头的样式,包括:列头颜色、字体类型、字体大小、加粗、斜体、下划线、对齐方式、颜色。 | |
行头 | 设置行头的样式,包括:列头颜色、字体类型、字体大小、加粗、斜体、下划线、对齐方式、颜色。 | |
数据 | 设置数据区的样式,包括:列头颜色、字体类型、字体大小、加粗、斜体、下划线、对齐方式、颜色。 | |
筛选器 | 控件颜色 | 设置筛选器的颜色。 |
字体 | 设置筛选器的字体样式,包括:字体类型、字体大小、加粗、斜体、下划线、颜色。 |
补充说明
仪表盘中上传图片的设置:
- 图片仅支持上传小于或等于10M的文件:小于300kb 直接上传,300kb-10M 会进行压缩,>10M提示不能上传。
- 图片文件格式支持:jpg、jpeg、png、gif、svg。
- 图片的拉伸方式有:适应、平铺、拉伸、填充。
主题中的组件、图形、表格、筛选器样式生效原则:未设置过组件级私有属性的,才会应用主题的效果。
3 自定义主题
3.1 另存
通过修改主题设置项来自定义主题,自定义主题后,点击 另存主题 按钮,弹出 存为预设主题 窗口,输入名称,点击 确定 后,预设主题保存在 主题区 。
3.2 覆盖
通过修改主题设置项来自定义主题,自定义主题后,点击 覆盖主题 按钮,弹出 提示 窗口,点击 确定 ,则覆盖当前主题。
3.3 删除主题
在主题区,选择一个自定义主题,单击主题左上角的 X 按钮,即可删除主题。
1、内置主题不支持覆盖和删除。
2、对主题的权限:管理员对所有主题拥有所有权限,其他用户只对自己创建的主题拥有覆盖和删除权限,不是自己创建的主题只拥有使用权限。
4 业务场景
1、场景描述:客户想要制作多个相同主题的大屏,但内置主题不满足需求,所以想要保存一个自定义主题,方便复用。
2、操作步骤
(1)在仪表盘编辑界面,选择 绚丽深色-大屏 主题。
(2)按需修改主题设置项,如下图所示:
(3)另存主题,命名为“樱花深色”。
(4)制作相同主题的大屏时,可直接选择 樱花深色 主题,提升了大屏报表的制作效率。