页面树结构
转至元数据结尾
转至元数据起始

1 概述

系统提供了10套默认主题,在制作仪表盘时,用户可根据需求切换合适的仪表盘主题,也可自定义仪表盘主题。

1.1 入口

在仪表盘的编辑界面,面板折叠区 点击 主题 页签,显示“主题”各设置项。如下图:

1.2 默认主题介绍

产品内置多套默认主题,风格多样兼顾各种看板搭建场景需求,用户可根据实际应用场景灵活选用主题,快速便捷的打造既实用又美观的仪表盘。

与深色主题、浅色主题相比,”深色主题-大屏”、“浅色主题-大屏“主题的差异在于:

  • 组件背景色为透明
  • 组件不显示组件标题

基于以上特性使得“大屏主题”更适合在自由布局中使用。

2 主题设置项

选择合适的主题后,可对主题的设置项进行部分调整,以达到更满足需求的主题。

仪表盘主题的设置项包括:仪表盘、组件、图形、表格、筛选器。

  • 仪表盘:用于设置仪表盘的样式,包括:背景、模式。
  • 组件:用于设置仪表盘所有组件的样式,包括:背景、字体、边框、标题。
  • 图形:用于设置仪表盘所有图形的样式,包括:主题、配色、不透明度、字体。
  • 表格:用于设置仪表盘所有表格的样式,包括:风格、颜色、列头、行头、数据。
  • 筛选器:用于设置仪表盘所有筛选器的样式,包括:控件颜色、字体。

设置项说明如下:

设置项说明
仪表盘背景

设置仪表盘背景,分为颜色和图片两种设置。

  • 颜色:默认为“颜色”,提供了7种颜色可选择,若提供的颜色未能满足您的需求,可进行颜色自定义。
  • 图片:提供6张图片可选择,若提供的图片未能满足您的需求,可进行上传图片。
模式设置仪表盘的模式,有浅色和深色两种模式。默认为“浅色”。
组件


背景

设置所有组件的背景,分为颜色和图片两种设置。

  • 颜色:可按需自定义组件背景颜色,包括单色和渐变。
  • 图片:点击上传图片,每个组件的背景都为上传的图片。
字体设置所有组件内的字体样式,样式包括:字体类型、字体大小、颜色。
边框

设置所有组件的边框,分为线型和边框两种设置。

  • 线型:提供了4种线型可选择,选择线型后可设置线条粗细、线条颜色和圆角。
  • 边框:童提供25张图片可选择,也可自定义上传图片。
标题设置标题展现或隐藏,以及设置标题展现时标题的样式,标题样式包括:标题栏颜色标题字型、标题大小、加粗、斜体、下划线、对齐方式、颜色。
图形


主题设置图形的主题,提供了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)制作相同主题的大屏时,可直接选择 樱花深色 主题,提升了大屏报表的制作效率。

  • 无标签