1.概述

1.1 应用场景

KPI 指标组为直观展示 KPI 数值的组件，KPI指标组适用于单个指标、多指标任意组合，通过组合形成多种表达形式。可直接显示所选字段的数值，比如展示销售额、毛利、毛利率等指标数值。

1.2 基本要求

KPI指标组的基本要求：

1.3 图表特点

优点：适合突出显示重要指标。

缺点：仅能展示文本与数值。

2.示例

2.1 新建看板

在星河可视化共创分析平台的工作中新建一个大屏看板。

2.2 上传数据

把已经准备好的数据上传到星河可视化共创分析平台中。

在共创团队→数据管理→数据文件中点击【添加】

在把数据上传完后，我们就可以在工作面板中绘制我们的KPI指标卡了。

2.3 新建KPI指标组

在设计栏中找到KPI指标组，并拖入到设计看板中。

2.4 配置相关字段

把相关字段拖入字段设置中，并配置相关显示属性配置。

2.5 配置KPI指标组属性

2.5.1 kpi属性

位置：设置KPI整体在图表中位置。

空数据处理：勾选后空数据将显示为“0”，不勾选的话空数据将显示为“——”

分组朝向：有多个KPI字段的情况下，在组名分别设置不同的组后，可调整各个组为横向、纵向布局

分组对齐方式：设置kpi各组之间的对齐方式，当分组朝向为纵向的时候才生效。

2.5.2 图标

图标：设置详细信息对应的字段满足一定条件的时候，KPI前面展示对应的图标。

位置：设置图标对应的位置在什么方位

宽高：设置图标对应的位置在什么方位

XY偏移：设置图标横向纵向偏移的距离

1）在详细信息拖入地区字段，整个KPI将会按照地区分组统计数据。

2）在值绑定点击添加图标，并绑定选择绑定图标。

3）调整位置、宽高、XY偏移等属性，直到合适的大小位置。

4）创建关联交互，用于调整地区变化，查看图标的变化。最终效果随着条件的变化，前面的图标跟着变。

2.5.3 配色

1）配色需要将指标字段加入到详细信息字段，通过设置数据的区间，当条件改变时，字体对应的颜色发生更改。如图所示。

2）配色需要将指标字段加入到详细信息字段，通过设置数据的区间，当条件改变时，字体对应的颜色发生更改。如图所示。

3）当条件变化，查询出来的数据不一样的时候，数据越大字体颜色越红，越小字体颜色接近绿色。

2.5.4 指标属性配置：

全部：批量设置KPI指标组里面所有的字段都是同一个属性。

动画：勾选后KPI指标组加载的时候显示一个数值跳动的动画效果。

跑马灯：如KPI展示宽度无法完全展示KPI指标，用户可以设置跑马灯展示KPI，循环播放数值。勾选后可设置跑马灯时长、延时等。

提示信息：输入一段文字后，预览运行状态鼠标移动到对应的字段显示设定的提示信息。

组名：可设置组名一样的为同一个组，适用于多指标，同一个组组内布局一样。

列宽：可设置当前组的列表，默认为0的情况下，系统自动调整了列表

组内朝向：可设置同一个组内各个指标按照横向、纵向的布局。

组内对齐方式：可设置值与标题的对齐方式、上下间距、朝向等。

内部朝向：可设置对应指标标题与值为横向、纵向布局

内部上间距：设置当前指标整体与其他指标之间的间距。

内部左间距：设置当前指标整体与左侧之间的间距。

内部对齐方式：设置KPI标题与值之间的对齐方式

值边界：勾选后，可以设置优质边界、差值边界，将指标值与优值边界、差值边界进行对比，大于优值边界的数据将会在指标后面显示向上的箭头，少于差值边界会显示下降的箭头。

标题：不勾选则不显示KPI标题，勾选后将显示KPI标题，可设置标题的字号、字体、颜色、加粗、斜体等属性。

值样式：设置值的字号、字体、加粗、颜色、斜体等属性。

上间距、左间距：设置指标值与标题的上下间距。

前缀、后缀样式：设置指标值在格式化里面配置的前缀、后缀的字号、字体、加粗、颜色、斜体等属性。

配置完相关属性后，KPI指标卡就配置完成了。