1. 简介

1.1 功能概述

1.2 应用场景

• 在生产统计看板中，将生产计划名称、计划标签、计划状态以及产品名称筛选组件放在顶部，筛选组件下方放各类图表，比如数值图、计划生成数量趋势面积图等，筛选后仪表盘内图表联动更新，快速实现目标数据的可视化呈现与多维度分析；
• 在销售统计分析看板中，把按签单日期、客户名称以及销售员筛选的组件置顶，搭配销售明细、各销售占比图、按区域销售分析地图以及签单统计柱状图等图表，快速筛选查看各地销量数据以及统计分析销售员的销售业绩。

1.3 前提条件

• 登入账号需要拥有对应用的管理权限，或被授予编辑应用的权限；
• 仪表盘内需有已搭建完成的图表、组件或筛选工具等内容，才可拖拽调整页面布局与配色；
• 仪表盘需切换至 编辑设计页面 ，预览模式仅查看数据，无法拖拽排版与页面配置。

2. 设置入口

3. 操作指南

3.1 功能区域

• 左侧的 「工具栏」 区域，列出了仪表盘所有的图表、组件以及筛选工具。
• 中间为 「设计预览」 区域，可以在设计预览区域预览设计的效果，且支持 拖动调整 已有图表、组件或工具的 位置、大小 等；
• 右侧的 「样式配置」 区域，可以 设置设计区域内的图表、组件以及工具的样式，以及仪表盘的页面配置、整体风格。

注意：工具栏中的图表、组件以及工具的 添加方式有所差异，组件 直接通过 点击 即可快速添加至设计区域，但 图表与筛选工具 在添加至设计区域前，需在弹窗内完成一定的配置，如图表数据源绑定、筛选工具筛选器的添加。

3.2 准备图表/组件/工具

3.3 页面布局与排版

3.3.1 调整图表/组件/工具位置

3.3.2 调整图表/组件/工具大小

3.4 设置整体风格

3.4.1 风格设置入口

3.4.2 背景设置

• 选择“颜色”：从色板中选取一个颜色作为背景色，并可以为颜色预设渐变，可在左侧预览效果。
• 选择“图片”：仪表盘内置丰富图片资源，图片取自unsplash。
• 选择“自定义图库”：将准备好的背景图片粘贴或拖拽到上传区域，支持选择多样的填充样式，并预览实际效果。

3.4.3 调整边距

3.4.4 设置宽度占比、组件之间间隔

3.4.5 其他配置

3.5 保存仪表盘

4. 效果演示

5. 注意事项

• 仪表盘的任何修改都需要手动点击右上角的「保存」按钮， 直接退出页面将导致未保存的数据丢失。
• 单个仪表盘中添加的图表和组件有 数量上限，当组件过多时可能影响页面加载性能，建议合理规划布局。
• 使用 自定义图片 作为背景时，建议 上传 分辨率适配 的图片，以避免因图片拉伸导致变形。