1. 概述
1.1 应用场景
制作好仪表板后,想要进行仪表板美化操作,希望能更改或者自定义仪表板样式。
1.2 功能简介
E 数通提供了丰富的仪表板样式的设置,可设置整张仪表板的背景、标题、组件、图表/表格风格和配色、筛选器样式等。
支持对单个组件进行设置,也可对仪表板进行统一设置。
对单个组件自定义设置样式后,该组件样式不会再跟随仪表板整体样式设置而变化。如需跟随变化,可恢复默认配置。
1.3 功能入口
可点击功能栏的「样式设置」按钮,可以打开样式设置面板,如下图所示:
点击每个组件上的「样式设置」按钮也可打开样式设置面板,如下图所示:
2. 单个组件的样式设置
在仪表板中,可以对单个组件进行个性化的样式设置。这一小节将分别介绍每一类组件可用的设置选项。
2.1 图表组件
1)选择某个图表组件,点击「样式设置」,如果组件样式都设置为自动,那么这个组件会跟随仪表板整体样式进行设置,如下头所示:
2)图表组件可设置:组件背景、图表配色、是否显示标题、标题背景、标题颜色,效果如下图所示:
各项配置的详细说明见下表:
图表组件设置 | 说明 |
---|---|
组件背景 | 自动:这个组件的背景跟随仪表板整体样式设置; 颜色:自定义某种颜色作为背景; 素材:内置背景,包括清新淡雅、简约边框、黑白三角、透明气泡、圆角边框、折角边框、碧茵新绿、白色磨砂、 白色阴影 |
图表配色 | 自动:这个组件的图表配色跟随仪表板整体样式设置; 自定义:内置了的配色方案,包括默认亮白、清新多彩、冷静蓝灰、淡雅浅绿、时尚亮彩、简洁明快、优雅简约、高雅古典、别致柔彩、优雅暖灰、别致多彩、典雅淡紫、沉稳简约 |
显示标题 | 打开或关闭按钮,显示/不显示标题,重命名标题请进入图表编辑界面进行修改; |
标题背景 | 自动:这个组件的标题跟随仪表板整体样式设置; 颜色:自定义选择某种颜色作为标题背景; 素材:内置的标题背景,包括标题下横线、标题上横线、商务标题装饰、清新标题装饰、蓝色标题装饰、绿色标题装饰、黄色标题装饰、蓝色线条装饰 比如:设置清新标题装饰,效果如下: |
标题颜色 | 自动:这个组件的标题颜色跟随仪表板整体样式设置; 自定义:自定义设置某个颜色作为标题颜色 |
2.2 表格组件
表格组件可设置:组件背景、表格风格、表格对齐方式、表格主题色、显示标题、标题背景、标题颜色。
1)组件背景、显示标题、组件背景、标题背景以及标题颜色的内容同 2.1 节表格里的内容,这里不再一一介绍了。
2)这里介绍一下表格风格以及表格主题色。
表格风格有三种类型:经典(即自动)、简约、极简;同时还支持自定义表格的主题色。实现的效果如下图所示:
3)最后介绍一下表格对齐方式,可以自定义设置表格数据的对齐方式,使其以居左、居中或居右的方式展示。效果如下图所示:
2.3 筛选器和更新时间组件
筛选器和更新时间组件支持设置:组件背景、显示标题、标题背景、标题颜色,内容同 2.1 节表格。这里不再一一介绍了。
2.4 文本组件和图片组件
文本组件和图片组件仅支持设置组件背景,如下图所示:
2.5 Tab 组件
Tab 组件的组件背景、显示标题、背景颜色、标题颜色设置同 2.1 节表格内容,这里不再赘述。
Tab 组件还支持标签页进行设置:样式、颜色、位置,如下图所示:
标签页样式有六种,效果如下图所示:
标签页颜色可自定义设置,例如设置成紫色,效果可看上图;
标签页位置可设置居左、居中、居右,效果如下图所示:
3. 仪表板整体样式设置
第 2 节中是对单个组件进行样式设置,如果想要仪表板中的一类组件都设置成统一样式,可设置仪表板整体样式。
3.1 预设主题
1)样式设置中已经内置了十二种主题,用户可自由选择,改变仪表板的展示效果。
2)比如「淡雅浅绿」效果如下。用户可以先选择好主题色,再对单个组件进行样式的调整。
3.2 仪表板
在设置好预设主题后,如果想要更改仪表板整体背景,可以单独设置仪表板的背景,如下图所示:
自动:跟随预设主题的背景设置;
颜色:自定义设置单一的背景颜色;
素材:内置了 10 种素材,清新自然、碧水蓝天、素雅简约、朝霞辉映、浅色渐变等
3.3 图表组件
这里的图表组件设置,生效范围是仪表板中的所有样式设置是「自动」的图表:
如果单个图表组件的样式设置是「自动」,那么跟随此设置;
如果单个图表进行了自定义设置,就不再跟随此设置;自定义设置内容见本文 2.1 、2.2 节。
3.4 筛选器
这里的筛选器设置,生效范围是仪表板中的所有样式设置是「自动」的筛选器:
如果单个筛选器的样式设置是「自动」,那么跟随此设置;
如果单个筛选器进行了自定义设置,就不再跟随此设置;
4. 恢复默认
如果在单个组件的样式设置中点击「恢复默认」按钮,设置清空,恢复成「自动」设置,跟随仪表板整体样式设置;
如果在仪表板整体样式设置中点击「恢复默认」按钮,仪表板自定义样式设置清空,跟随预设主题样式;