仪表板背景
1、应用场景
当您希望为仪表板注入个性化风格或提升专业呈现效果时,仪表板背景更换功能可助您轻松实现:
专业场景适配:通过预设主题色或渐变背景,打造与企业VI一致的视觉形象,适用于工作汇报等正式场景;
创意表达与互动:上传自定义背景图(如品牌主视觉、行业场景图),搭配动态元素或品牌水印,让数据展示更具吸引力;
场景化氛围营造:根据业务需求切换背景风格(如节日主题、项目专属配色),传递差异化信息价值。
2、功能简介
Quick BI提供了仪表板样式的设置,可设置整张仪表板的背景颜色的更换。仪表板提供更换或修改背景的功能如下:
编辑背景颜色:支持设置纯色背景,如“浅蓝色”,以调整仪表板的整体色调。
使用图片背景:允许上传顶部和底部图片作为背景,并可配置内容区域边距,确保内容与图片协调。
渐变色彩样式:提供渐变色选项,为仪表板添加视觉层次感。
叠加背景图片:在纯色或渐变色背景下,可选择是否叠加图片,增强设计感。
组件与标题背景定制:针对标题等组件,支持自定义背景颜色、渐变及图片,提升细节美观度。
这些功能旨在帮助用户根据需求个性化仪表板外观,无需专业设计知识也能实现美观专业的数据展示。
3、操作简介
3.1 仪表板整体-背景设置
仪表板整体背景可设置为「颜色」或者「图片」。整体背景配置在仪表板页面-页面设置-主题-页面布局-页面背景中设置。
3.1.1 仪表板背景颜色配置:点击页面背景,选择背景颜色,作为仪表板背景。
操作方式:在仪表板编辑页面,点击页面设置-主题-页面布局-页面背景,选择仪表板背景颜色。
仪表板背景颜色配置,支持纯色和渐变两种方式,可选择是否叠加背景图片。
如果需要配置或更换仪表板整体背景色,点击页面背景,设置背景颜色,可选择纯色和渐变色。
3.1.2 仪表板背景图片配置:点击叠加背景图片,可配置图片,作为仪表板背景。
操作方式:在仪表板编辑页面,点击页面设置-主题-页面布局-页面背景页面设置-主题-页面布局-勾选【叠加背景图片】,点击右侧图标,选择使用素材,或自定义图片。
自定义图片支持选择上传本地图片(图片格式只支持jpg, jpeg, png, gif, svg格式,最大20M),也可以通过图片链接上传。上传图片成功后,图片将覆盖原来背景色。若取消图片背景设置,可点击【恢复默认】,一键恢复。
显示方式支持适应宽度和拉伸充满。
3.2 仪表板背景-顶部图片和底部图片配置
在仪表板编辑页面,点击页面设置-主题-仪表板背景,可选择设置顶部图片或底部图片。
图表配置项 | 配置项说明 |
顶部图片和底部图片 | 选择图片时,您可以选择已有图片或自定义图片,并配置内容区域边距间隙。 说明 选择自定义图片时,可以选择上传本地图片或者通过目标图片的链接上传。 说明:所有嵌入式都不展示仪表板底部和顶部背景图片。 |
3.3 仪表板背景-标题背景
在仪表板编辑页面,点击页面设置-主题-组件-标题,可选择自定义标题背景。支持配置标题的背景及标题区域位置。
选择单色时,可配置背景颜色。
选择渐变时,可配置渐变配色。
选择叠加背景图片时,您可以选择使用素材或自定义图片。若选择叠加背景图片,则将覆盖背景颜色。
说明:选择自定义图片时,可以选择上传本地图片或者通过目标图片的链接上传。
3.4 仪表板背景-组件背景
在组件容器中,配置自定义背景填充,可选择卡片颜色,或背景图片。卡片颜色支持纯色和渐变。
背景图片支持使用系统预置的图片或自定义图片。
说明
以下组件支持自定义背景填充,包括背景图片和颜色的修改。
控件:Tab、图片
指标类:指标看板、指标趋势图、进度条、水波图、翻牌器
趋势类:线图、面积图、堆积面积图、百分比堆叠面积图、组合图
比较类:柱图、堆积柱状图、百分比堆积柱状图、条形图、堆积条形图、百分比堆积条形图、环形柱状图