移动端样式

1. 简介

1.1 功能简介

仪表盘移动端布局是指为了适应移动设备而设计的一种仪表盘布局方式。在移动设备上，屏幕空间有限，因此需要精心设计仪表盘布局，以便用户可以方便地查看和管理信息。

1.2 使用场景

移动设备具有屏幕小、分辨率低、触摸操作等特点，与桌面设备有很大的区别。因此，如果在移动设备上使用桌面端的设计和布局，会导致用户体验不佳，甚至无法正常使用。

例如：

1.3 预期效果

2. 设置步骤

2.1 布局调整

首先，在移动端布局设置处调整好整体组件的布局：

2.2 样式设置

点击左侧工具栏「仪表盘样式」即可对仪表盘的样式进行设置：

若为开启需要先开启移动端样式：

2.3 仪表盘样式

可以对仪表盘整体的样式进行设置。

2.3.1 整体风格

整体风格支持一键切换，同 PC 端一致，支持以下 7 种风格。

2.3.2 仪表盘整体设置

支持对仪表盘整体的大背景以及高亮色进行设置：

背景：支持颜色或图片作为整体背景；

高亮色：支持完全自定义颜色。

2.3.4 图表整体

支持对所有图表的背景集标题样式进行设置，如，标题颜色统一设置：

2.3.5 配色方案

设置了配色方案后，未设置过自定义颜色的图表将按照配色方案的色彩进行统一配置。

2.3.6 表格类图表

表格类图表的颜色设置与图形类图表设置略有不同，支持统一单独配置：

2.4 图表样式

除了整体统一设置样式，还支持对单个图表单独进行样式设置。支持以下设置：

2.4.1 背景和标题颜色

大部分图表都支持背景及标题颜色的设置

2.4.2 指标图样式

指标图还支持布局和数值颜色的设置：

2.4.3 表格设置

表格类图表的颜色样式支持单独配置：

2.4.4 批量设置

按住“ctrl”或“command”键可选择多个图表，同类型的图表可统一批量配置颜色样式。如，统一设置指标图的样式：

2.5 关闭样式

如果不需要在移动端展示个性化样式效果，可以点击关闭：

2.6 效果演示

3. 注意事项

1）移动端样式于 2023 年 4 月18 日正式上线，上线后，历史仪表盘默认开启移动端样式配置，管理员可自定义调整配置。

2）历史仪表盘开启时的默认样式与移动端布局的效果一致。

3）管理员后期若关闭了移动端样式，则移动端样式将与电脑端样式保持一致。

4）2023 年 4 月18 日之后新建的仪表盘，移动端样式默认开启，且与电脑端保持一致，管理员可自定义调整移动端样式。