仪表板样式

1.1 应用场景

制作好仪表板后，想要进行仪表板美化操作，希望能更改或者自定义仪表板样式。

1.2 功能简介

• 本产品提供了丰富的仪表板样式的设置，可设置整张仪表板的背景、标题、组件、图表/表格风格和配色、筛选器样式等。

• 支持对单个组件进行设置，也可对仪表板进行统一设置。

• 对单个组件自定义设置样式后，该组件样式不会再跟随仪表板整体样式设置而变化。如需跟随变化，可恢复默认配置。

1.3 功能入口

• 可点击功能栏的「样式设置」按钮，可以打开样式设置面板，如下图所示：

• 点击每个组件上的「样式设置」按钮也可打开样式设置面板，如下图所示：

在仪表板中，可以对单个组件进行个性化的样式设置。这一小节将分别介绍每一类组件可用的设置选项。

2.1 图表组件

1）选择某个图表组件，点击「样式设置」，如果组件样式都设置为自动，那么这个组件会跟随仪表板整体样式进行设置，如下图所示：

2）图表组件可设置：组件背景、图表配色、是否显示标题、标题背景、标题颜色，效果如下图所示：

各项配置的详细说明见下表：

2.2 表格组件

表格组件可设置：组件背景、表格风格、表格对齐方式、表格主题色、显示标题、标题背景、标题颜色。

1）组件背景、显示标题、组件背景、标题背景以及标题颜色的内容同 2.1 节表格里的内容，这里不再一一介绍了。

2）这里介绍一下表格风格以及表格主题色。

表格风格有三种类型：经典（即自动）、简约、极简；同时还支持自定义表格的主题色。实现的效果如下图所示：

3）最后介绍一下表格对齐方式，可以自定义设置表格数据的对齐方式，使其以居左、居中或居右的方式展示。效果如下图所示：

2.3 筛选器和更新时间组件

筛选器和更新时间组件支持设置：组件背景、显示标题、标题背景、标题颜色，内容同 2.1 节表格。这里不再一一介绍了。

2.4 文本组件和图片组件

 文本组件和图片组件仅支持设置组件背景，如下图所示：

2.5 Tab 组件

Tab 组件的组件背景、显示标题、背景颜色、标题颜色设置同 2.1 节表格内容，这里不再赘述。

Tab 组件还支持标签页进行设置：样式、颜色、位置，如下图所示：

• 标签页样式有 6 种，效果如下图所示：

• 标签页颜色可自定义设置，例如设置成紫色，效果可看上图；

• 标签页位置可设置居左、居中、居右，效果如下图所示：

第 2 节中是对单个组件进行样式设置，如果想要仪表板中的一类组件都设置成统一样式，可设置仪表板整体样式。

3.1 预设主题

1）样式设置中已经内置了十种主题，用户可自由选择，改变仪表板的展示效果。

2）比如「淡雅浅绿」效果如下。用户可以先选择好主题色，再对单个组件进行样式的调整。

3.2 仪表板

在设置好预设主题后，如果想要更改仪表板整体背景，可以单独设置仪表板的背景，如下图所示：

• 自动：跟随预设主题的背景设置；

• 颜色：自定义设置单一的背景颜色；

• 素材：内置了 10 种素材，清新自然、碧水蓝天、素雅简约、朝霞辉映、浅色渐变等

3.3 图表组件

这里的图表组件设置，生效范围是仪表板中的所有样式设置是「自动」的图表：

• 如果单个图表组件的样式设置是「自动」，那么跟随此设置；

• 如果单个图表进行了自定义设置，就不再跟随此设置；自定义设置内容见本文 2.1 、2.2 节。

3.4 筛选器

这里的筛选器设置，生效范围是仪表板中的所有样式设置是「自动」的筛选器：

• 如果单个筛选器的样式设置是「自动」，那么跟随此设置；

• 如果单个筛选器进行了自定义设置，就不再跟随此设置；

如果在单个组件的样式设置中点击「恢复默认」按钮，设置清空，恢复成「自动」设置，跟随仪表板整体样式设置；

如果在仪表板整体样式设置中点击「恢复默认」按钮，仪表板自定义样式设置清空，跟随预设主题样式；