Appearance
仪表盘设计
概述
仪表盘是美乐低代码中的交互式数据可视化看板。它将多种样式的数据报表,按照一定的业务逻辑进行排布展示,供使用者进行实时数据查看、筛选、分析、处理。它的数据来源于各实体中的数据,随数据实时更新、团队共享,仪表盘查看权限也可自由设置。他可以是由例如订单明细表、销售明细表、业绩趋势图、客户状态占比等图形组成的业务分析报表,也可以是一个包含核心业务数据方便日常工作的业务工作台。
仪表盘主要由图表、组件以及整体设置构成,丰富的图表类型,用户可以灵活地设置图表样式,以满足各类场景需要展示数据的不同需求。
预期效果:
仪表盘基本设置
- 创建仪表盘
进入系统管理,选择仪表盘模块,在点击右侧添加按钮后输入仪表盘名称点击保存即可。
- 编辑仪表盘
在系统管理仪表盘页面,点击对应的名称进行编辑。
1. 点击名称进入编辑页面,为编辑仪表盘页面内容;
2. 点击列表数据后编辑按钮,则仅为编辑该仪表盘名称;
- 选择图表
可以根据自己的需求选择图表组件、调整页宽和布局,或删除、编辑现有组件。
点击组件后在右上角的组件设置,调整组件配色、数据来源、分析角度等等。
- 导出/导入仪表盘
点击导出可将现有仪表盘导出为JSON。导入时需以JSON格式进行导入。
- 修改仪表盘名称/删除仪表盘
在系统管理仪表盘页面,点击对应仪表盘右侧的编辑进行仪表盘名称的修改/点击删除进行仪表盘删除。
图表
图表是仪表盘最核心的功能,通过图表可以将数据进行可视化展示。在低代码平台中,可以根据实际业务需求和数据特点来选择合适的图表类型和相应的设置选项。通过灵活配置和定制化设置,可以实现更直观、更有效的数据可视化分析和决策支持。
统计数值
统计数值是仪表盘中基本的展示形式之一,用于展示关键指标的数值和指标的当前状态。例如,销售额、用户数量、活跃度等。通过统计数值,用户可以快速了解业务数据的概况和趋势。
在设置统计数值时,可以指定需要展示的指标和相应的数据源。同时,可以设置指标的维度和度量方式,例如求和、平均值等。此外,可以通过样式设置来调整数值的显示格式、颜色、字体等。
只能显示一个指标数据,只需要设置1个指标。它的优点是简洁、直接,适合用于展示单一字段数据。
展示效果:
进度条
进度条是一种直观的数据展示形式,用于表示任务或目标的完成进度。它可以用于展示项目进展、任务完成情况等。通过进度条,用户可以清晰地看出任务的完成情况和进度,方便进行计划和调整。
在设置进度条时,可以指定任务或目标的名称、当前进度和目标值。同时,可以设置进度条的颜色、样式和标签等,以便更好地展示任务的完成进度。此外,可以通过维度限制规则来筛选需要展示的任务和目标。
需设置1个指标,1个目标值
指标设置:
标注的区域分别为:
1.图表所选实体及引用实体的可用字段,用于设置进度条指标,拖拽到指标处即可;
2.进度条的指标,以此作为数据统计指标
- 可设置指标字段的统计方式,包括计数,去重计数,求和,平均值,最大值,最小值;
- 支持设置指标的显示名称,用于图表页面展示;
- 支持升序、降序排序;
- 支持数据格式设置;
3.进度条的目标值设置;
展示效果:
柱状图
柱状图是一种常用的数据可视化形式,用于展示不同类别之间的数据对比。例如,不同产品线的销售额、不同地区的销售数据等。通过柱状图,用户可以清晰地看出不同类别之间的差异和趋势。
在设置柱状图时,可以指定数据源、分类和指标。同时,可以设置柱状图的样式、颜色、标签等,以便更好地展示数据。此外,可以通过维度限制规则来筛选需要展示的数据类别。
需设置1个维度,一个或多个指标;或2个维度,一个指标
展示效果:
折线图
折线图用于展示数据随时间变化的趋势和规律。它可以用于分析销售数据、用户活跃度等随时间变化的趋势。通过折线图,用户可以快速了解数据的变化趋势和规律,以便做出预测和决策。
在设置折线图时,需要指定数据源、时间周期和指标。同时,可以设置折线图的样式、颜色、标签等,以便更好地展示数据的变化趋势。此外,可以通过指标限制规则来调整数据的聚合方式、平均周期等。
需设置1个维度,一个或多个指标;或2个维度,一个指标
展示效果:
饼图
饼状图用于展示各部分在整体中所占的比例。例如,不同产品线的销售额占比、不同地区的销售占比等。通过饼状图,用户可以清晰地看出各部分所占比例和相对大小。
在设置饼状图时,需要指定维度和指标。同时,可以设置饼状图的样式、颜色、标签等,以便更好地展示各部分的比例。此外,可以通过维度限制规则来筛选需要展示的数据类别。
需设置1个维度,1个指标
展示效果:
条形图
条形图是一种水平或垂直的柱状图,用于展示类别间的数据对比。它与柱状图类似,但可以提供更清晰的数据标签和更高的可视化精度。通过条形图,用户可以更清楚地看出类别间的差异和趋势。
在设置条形图时,可以指定数据源、分类和指标。同时,可以设置条形图的样式、颜色、标签等,以便更好地展示数据。此外,可以通过维度限制规则来筛选需要展示的数据类别。
需设置1个维度,一个或多个指标;或2个维度,一个指标
展示效果:
漏斗图
漏斗图用于展示业务流程中的转化率和流失率。它可以用于分析用户从潜在客户到实际购买者的转化过程,以及在不同阶段中的流失率。通过漏斗图,用户可以识别出转化率低的环节和流失率高的环节,以便优化业务流程和提高客户转化率。
在设置漏斗图时,需要指定数据源、分类和指标。同时,可以设置漏斗图的样式、颜色、标签等,以便更好地展示用户转化过程。此外,可以通过维度限制规则来筛选需要展示的业务场景和数据记录。
需设置1个维度,一个或多个指标;或0个维度,多个指标
展示效果:
雷达图
雷达图用于展示多个变量的数据分布和关系。它可以用于分析多个指标之间的关系和分布情况,例如分析不同产品线的销售额、利润率等指标之间的关系。通过雷达图,用户可以更全面地了解数据之间的关系和分布情况。
在设置雷达图时,需要指定数据源、变量和指标。同时,可以设置雷达图的样式、颜色、标签等,以便更好地展示多变量之间的关系。此外,可以通过维度限制规则来筛选需要展示的数据变量。
需设置1个维度,一个或多个指标;或2个维度,一个指标
展示效果:
透视表
透视表是一种交互式的表格形式,用于对数据进行筛选、汇总和分析。它可以用于对业务数据进行更细致的筛选和计算,以便更好地了解数据的分布和关系。
在设置透视表时,可以指定数据源、字段和指标。同时,可以设置透视表的样式、颜色、标签等,以便更好地展示数据的汇总和分析结果。此外,可以通过维度限制规则来筛选需要展示的数据字段。
需设置1个维度,一个或多个指标;或多个维度,一个或多个指标
展示效果:
数据列表
数据列表是仪表盘中基本的展示形式之一,用于展示数据的详细信息。它可以用于展示业务数据的详细记录和信息,例如订单详情、客户信息等。通过数据列表,用户可以快速查看数据的详细信息和记录。
在设置数据列表时,可以指定数据源、字段和排序方式。同时,可以设置数据列表的样式、颜色、字体等,以便更好地展示数据的详细信息。此外,可以通过维度限制规则来筛选需要展示的数据记录。
展示效果:
快捷导航
快捷导航是一种旨在帮助用户快速找到所需信息或功能的组件功能。
在设置快捷导航时,可以可对入口样式的布局和宽度进行设置,以及入口的关联项、地址、自定义页面进行配置。
展示效果:
移动端仪表盘设计
- 编辑仪表盘
在系统管理仪表盘页面,找到需要设计移动端仪表盘的仪表盘名称,点击设计按钮后选择移动端。
- 将pc仪表盘适配到移动端
点击【从pc复制】按钮可将已制作好的pc仪表盘复制到移动端画布上。
- 设计仪表盘
可直接在画布上进行拖拽,调整为移动端的排版。