指标卡组

1. 概述

1.1 应用场景

指标卡组用于在一张图表内集中展示多组指标。并支持通过主副、并列等布局,以及颜色、字号等样式设置,清晰展示核心数据与辅助信息。

例如,在经营总览看板中,可组合展示付款销售额、退款金额、毛利润等核心指标及其环比,快速了解经营状况。

1.2 基本要求

基本要求:

图表效果

指标字段

指标卡组

>=1

1.3 图表特点

1)优点

    • 多指标集中展示:在一张图表内展示多组指标,信息紧凑、层次清晰。
    • 制作成本低:无需拼接多个组件,减少重复配置和排版操作。
    • 布局、样式丰富:支持主副、并列布局,可灵活设置背景、间距和文字样式。

2)缺点

  • 展示限制:主要用于呈现汇总结果,不适合展示详细趋势或数据分布。

2. 示例

注:新建图表前,需先在分析步骤中完成所需指标的计算,此处示例数据直接以计算得到的指标为例,进行演示。

2.1 准备数据

下载示例数据并 上传 至产品中,并将数据添加至项目中。如下图所示:

2.2 制作图表

1)在来源表下点击添加图表,如下图所示:

2)在图表类型下选择「指标卡组」,如下图所示:

3)图表中默认创建了 3 张指标卡,本示例需要展示 6 组指标,需要继续新增 3 张。

分别将「付款销售额」「付款销售额占比」字段拖入指标卡1,「发货销售额」「发货销售额占比」字段拖入指标卡2,其余同理,依次将字段拖入 6 张指标卡。

注:最多支持添加 20 张指标卡。每张指标卡种最多可拖入 10 个字段,其中的首字段默认为主指标。

2.3 美化图表

在「样式」中,可以分别调整整体布局和单张指标卡的内容样式。

2.3.1 整体样式

支持设置指标卡的排列数量、分隔方式和间距,调整图表的整体布局与风格。具体如下表所示:

设置项

说明

单行指标卡最大数量

设置一行最多展示多少张指标卡。

当图表组件宽度变化时,系统为保证指标卡内容的可读性,会自适应降低列数。

指标卡分隔

支持使用背景、分割线来区分不同指标卡。

  • 背景填充:可统一设置背景色,或为不同指标卡分别设置背景色。

  • 分割线:可通过实线、虚线、点线分割。

指标卡间距

仅「指标卡分隔」为背景填充时可见该设置。

可统一设置指标卡之间的间距。

2.3.2 指标卡内容

支持一键快捷布局,并调整卡片内指标的排列方式和样式,突出重点、区分层次。具体如下表所示:

设置项

说明

快捷布局

提供 6 种主副、2 种并列布局。

• 主副布局:第一个字段为主指标,其余字段为副指标,突出核心数据。

• 并列布局:多个指标并列展示,不区分主副。

可在快捷布局的基础上进行指标布局、样式修改,修改后,可点击右上角重置:

指标布局

设置指标名称与数值的排列方向,包括上下排列、左右排列。

主副布局下,可分别设置主指标和副指标的排列方向。

指标样式

支持设置指标名称与数值的对齐方式,以及字体、字号、颜色等。

主副布局下,可分别设置主指标、副指标的名称与数值样式。

咨询
扫码领取100+零代码资料简道云官方微信号400-111-0890
图标在线咨询
立即体验