指标卡

指标卡可以显示数据中的一个数值或内容。

该组件在软件中的位置如下图所示:

选中组件时可以对组件进行设置,包括字段设置、样式设置和交互设置,其中字段设置如下图所示:

以下面表格中的四个数据为例,我们可以看到指标卡的不同应用场景:

品类 1 品类 2 销售额 增长率

| ​
| 男装 | 1234567 | 30% |


交互的设置如下图所示:

(1)切换组件状态

可选择组件绑定状态
点击加号进行增加和批量设置

(2)刷新大屏数据

可开启后刷新大屏数据

(3)添加链接

可链接到 URL 或子大屏

(4)打开弹窗

绑定到弹窗分组

(5)关闭弹窗

绑定到弹窗分组

(6)切换到选项卡

可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置

样式的设置如下图所示:

(1)基本设置

数据异常时显示数值:当指标卡的值字段内容为异常时,则默认显示该数据

类型:普通、显示屏、卡片

允许控制演示:便于在山海鲸 APP 内进行演示操作

是否显示

(2)数字格式

逗号分隔:在数字中间按照千、万使用逗号分隔符

数据格式:如果值字段的数值为百分数,关闭该选项时显示小数,开启该选项时显示百分比的整数

小数位数:设置保留小数的位数,超过位数按照四舍五入

小数补零:设置小数位数补零

(3)显示单位

单位:填入单位(也可以是%等符号)

单位垂直位置、单位文字颜色、单位字体大小、单位字体设置和粗斜体。

(4)动画

动画效果可以对入场动画、展示动画和离场动画进行设置。

需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

(5)字体设置

包括:外发光颜色、外发光程度、外发光水平偏移、外发光垂直偏移、字体间距、字体颜色、字体大小、字体、斜体和粗体以及对齐方式。

如果斜体时字体边缘被切割,可以通过调整字体间距来调整显示效果

(6)大小和位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。

三维空间旋转:可输入任意数值,数值对应角度向 X 轴/y 轴旋转。

(7)边框设置

边框的设置包括:边框颜色、边框宽度和边框样式。

(8)背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片。