5.8.2.5 指标卡

由用户 yinshi 在 2024/10/25 08:06 保存的版本 3.1

【使用场景】

适用于需要直接显示重点数据的场景。例如可以使用指标卡展示商品的销售总额、发货数量、仓库库存数量等

如下图所示,使用指标卡直接显示销售总金额,方便以卡片形式突出显示

1729839523741-806.png

【基本要求】

指标指标字段类型
必填,最多8个字段必须是聚合字段公式内字段也需要为聚合字段

指标:指标卡中显示的数字,是聚合后的结果,换句话说,指标卡中一定显示的是数字

【配置步骤】

①在图形选择区选择“指标卡”图形:首页点击指标卡后,显示demo假数据,效果如下图

1729843542241-466.png

②为指标卡图形添加指标,即: 拖入表单字段作为数据源:

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTI3MzQ4NTg3ODI5MzE3YzU3MTEzMzQ0ZTk5YjBlZDJfMkNVSWxZaDFLamdNN1c4TnBPanVEMkN2cG1TNFBPOUtfVG9rZW46U3phdmJ0eHM5b01NekV4dVp3dmNFMU9XbmRmXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

3、【样式配置】

如下图:

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZDFiNzQyYzFjMTczNzg2MWFkMzYxZjZjYTMzODQ1MzJfTlB6bmE3Z09yQ1dGMlA2SXJlV3lyY2d0MmNZdXkwZkJfVG9rZW46Q0FkemJ0aUVBb094aEh4allHUWNCWEVKbmNmXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

具体可配置的样式和详细需求如下:

 

样式设置分类

配置项

形态

 

指标卡

 

基础

 

显示标题

开关

默认开启

标题名称

输入框

默认输入:指标卡

帮助文字

开关

默认关闭

帮助文字内容

输入框

占位提示:请输入

启用导出

开关

 

默认打开。导出的是报表数据源表单的Excel源数据

每行列数

下拉单选

默认:4, 可选值:4,3,2

指标卡样式

 

指标卡风格

选项卡

默认:纯色填充,可选值:纯色填充,带侧边条 (以UI为准)

背景色值

拾色器

默认颜色:待UI确定(以UI为准)

指标字号

下拉单选

 

默认:大,可选值:大,中,小(以UI为准)。只改变指标卡中数字的字号粗细,不改变指标名称的字体字号(原型中有效果展示)。

 

 

 

 

 

4、【字段配置】

下图中:

1、截图左侧默认的选中项都是“基础设置”

2、“展示格式”和“字段信息”和之前制作的折柱饼图中完全一致

①设置的指标字段为“数值”类型时:(聚合方式:默认是求和)

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NmE0ZTVlZTJhYjAzOTEyYmVlZDEwMDMyN2IzNTNlMTBfc1p1VlhZYVBUNXVmZDJRazRMWjJRQXZpUmdyRG9pNUhfVG9rZW46QVBoeWJqYzJ6b0V4Zmt4ZjBrVWNpcFFubm5oXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

②设置的指标字段为“字符串”类型时:(聚合方式:默认是计数)

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=Yzg4MzcyNmI4NWE1YjE1MGJiMjM5ZTE0ZTZmMTg2MGNfNUQwR1VhRzlEMWtnNXdib1FPeUdqc093T0lIdjVERERfVG9rZW46TmlFbmIzWUdJbzJHekl4UFBXeGMyMlpQbnhiXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

③设置的指标字段为“日期”类型时:(聚合方式:默认是计数)

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NDU4M2ZiYThmZWIwMTQ0MTA2NmU1MjBjZjE2ZjQ2NWZfVjc2RDYyaUtQZUFKWGN1TG1rZkF4RmtjMkh5aGhzWVhfVG9rZW46TEhuTmJLeFpqb203WWx4OXM2T2NseXk4bkNnXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

④设置的指标字段为“地址”类型时:(聚合方式:默认是计数)

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MmYwZGQxMWI1ZDZmZWE3YjRlNGEwYzE3NDc0YzUyN2ZfeDlja2ltWGFLRDd6N1o0anRHQ2I5U3A5WDcwbk5uM1VfVG9rZW46WGFoN2J5TVR2bzJJVEN4Z0kwS2NVeGlKbnBoXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

④设置的指标字段为“公式Fx”类型时:

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MzU4MGYwMWQ2YWJhMjk5M2NiM2Y2ZmI0YzM0NzhiYmFfSWpQbmpNNkVUNFQzNGhqcHE4TENFVDJiQUdKWWozOHZfVG9rZW46UlYxUGIyalBub2hFcXh4ek1TRGNVTVZibnRkXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

表单中用户提交的数据中,如果有空值, 是否纳入指标卡中数字的计算?

答:

不纳入计算, 如下例子:

表单中共4条数据,但是其中1条数据的评分和日期没有填,

https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MGRhYTMyMGNhZjI5YTNlMGJjMzZjNDZlNmI1ZDE1Y2ZfTUUxdGdPamt5d2FxeWFqZjhwTzZYNTU0Z3BhYm5QNGVfVG9rZW46QjYzRGJpd3ZJb0o4MEl4b0F5YWM0dXg3blJiXzE3Mjk3NTg3MjU6MTcyOTc2MjMyNV9WNA

那么用指标卡的时候,计算的评分的平均值,计算日期的计数时,会显示如下结果:即:均不把空值纳入统计

Data URI image