You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

指标卡

最近更新时间2023.05.26 19:50:11

首次发布时间2021.09.22 14:36:56

1. 概述

指标卡能够清晰明了展示某一指标的数值,通常用于核心指标

2. 快速入门

选择组件-图表中的指标卡,大屏中心将出现一个指标卡

image.png

在右侧编辑栏的数据中选择数据源,并配置指标和筛选条件

image.png

配置指标卡样式,包括标题、图标、字体等

image.png

调整指标卡大小和位置

image.png

3. 功能介绍

3.1 样式

标题

可以选择是否显示标题,即显示指标的字段名。如果显示,可以调整标题在左侧或上方,也可配置标题的字体、粗细、字号、颜色、字间距。

image.png

图标

勾选图标选项后,在指标值左侧会显示指标的升降情况。可以配置升/降/平时图标的颜色和样式。

image.png

数字

在数字一栏可以配置指标卡值的样式,包括字体、粗细、字号、颜色、字间距;勾选与图标同色后,则默认和图标颜色保持一致。

image.png

可以为值加上前后缀,如指标单位等。

image.png

动画

为指标卡添加动画。当数据刷新时,动态展示数据

image.png

3.2 数据

3.2.1 数据来源

参考 大屏-数据接入 模块

3.2.2 值&筛选

选定数据源后,可以在下方配置指标卡的值和筛选条件。

“值”即指标卡显示的指标数据,可以从维度或指标中选择任一字段拖拽进“值”一栏中。

点击“值”中字段胶囊左侧小三角,可以设置字段信息、字段聚合方式、字段格式等,可参考 可视化查询-字段配置 中适用于指标字段的部分功能。

image.png

将作为筛选条件的字段拖拽入“数据筛选”一栏后,即可设置筛选条件。维度字段、指标字段、日期字段在筛选操作上有细微的区别,可以参考 维度筛选指标筛选日期筛选