KPI指标卡

1.1 版本

1.2 应用场景

KPI 指标卡为直观展示 KPI 数值的组件，可直接显示所选字段的数值。

例如，用KPI指标卡展示合同总金额：

1.3 数据要求

KPI 指标卡的数据要求如下表所示：

1.4 图表特点

1）优点

• 突出显示：突出显示了重要指标

2）缺点

• 展示限制：仅能展示文本

2.1 准备数据

1）用户登录 FineBI 系统，点击「我的分析」，选中某个文件夹，点击「新建分析主题」，如下图所示：

2）点击「本地Excel文件>上传数据」，上传表数据。如下图所示：

示例数据：地区数据分析.xlsx

3）上传后，点击「确定」按钮。如下图所示：

4）点击「保存并更新」、「退出并预览」，数据准备成功，如下图所示：

2.2 创建组件

1）点击左下角「组件」按钮。

2）图表类型下选择「KPI指标卡」

3）将左侧待分析区域的「合同金额」字段拖入「图形属性」下的文本栏中，如下图所示：

注：拖入的指标字段，指标值不能为空，否则KPI指标卡不生效。

2.3 设置文本

6.0 版本中，点击文本设置按钮，在弹出的设置框中新增了「固定字体大小」功能，且默认勾选，显示效果为 KPI 指标卡默认显示效果，如下图所示：

用户也可不勾选该按钮，自定义文本显示效果。

2.3.1 设置内容格式

1）取消勾选「固定字体大小」。

2）点击「内容格式」的编辑框，如下图所示：

3）弹出的富文本编辑器提供自动样式，同时也支持自定义样式，可以为文字设置字体、字号、加粗、倾斜、字体颜色、对齐等效果。

选中富文本编辑器中的字段，对其设置样式后，点击右下角「确定」按钮即可。如下图所示：

最终效果如下图所示：

2.3.2 设置形状

文本设置框中还可设置形状，并用条件属性控制形状及形状颜色的显示。例如，点击「添加条件」，设置三个区间，分别为0-800000000，800000000-970000000，970000000以上，三个区间分别显示不同颜色的标记，如下图所示：

2.3.3 修改显示的字段名称

1）用户可点击文本设置按钮，在弹出的设置框中点击「内容格式」编辑框，修改显示的字段名称，如下图所示：

2）也可直接点击「图形属性」下文本栏中的字段修改字段名称，如下图所示：

除了上述文本的格式，还可在图形属性中设置更多的样式属性，详情参见：图形属性

还可以设置组件的图例、网格线、背景、自适应显示等等，详情参见：图表组件样式 

2.4 创建仪表板

1）点击分析主题编辑界面下方添加仪表板。

2）进入仪表板编辑界面，将组件拖入至仪表板中，如下图所示：

3）下拉选择「编辑标题」，样式选择「自定义」，设置标题为「KPI指标卡」，点击「确定」。如下图所示：

2.5 效果查看

1）PC端

2）移动端

若需要切换指标卡显示字段，则直接拖走原有字段，并拖入需要选择的字段即可，例如需要切换「合同金额」字段为「回款金额」。如下图所示：

注：切换字段后，之前在「文本」处设置的颜色和形状将消失。

1）在本文示例的基础上，将左侧待分析区域的指标字段「合同金额」拖入到颜色栏中，将「合同签约时间」字段拖入横轴中，如下图所示：

注：颜色栏中拖入字段后，之前在「文本」处设置的颜色将失效。

2）点击横轴「合同签约时间」的下拉按钮，选择「年」分组，如下图所示：

3）再次点击「合同签约时间」的下拉按钮，选择「过滤」，在弹出的设置框中添加过滤条件，只显示前三个年份。如下图所示：

4）点击文本设置按钮，在弹出的设置框中点击「内容格式」编辑框，将文本字体大小调到 32 ，点击「确定」，如下图所示：

5）「形状」处修改三个区间为0-300000000，300000000-350000000和350000000以上，如下图所示：

6）点击颜色设置按钮，在弹出的设置框中渐变类型选择「区域渐变」，颜色区间同上设置为3个区间，0-300000000为红色，300000000-350000000为橙色，350000000以上为绿色，如下图所示：

7）点击「组件样式>图例」，取消勾选「显示全部图例」按钮。如下图所示：

8）最终效果如下图所示：

5.1 去重计数与记录数

1）例如，想要在 KPI 指标卡中显示有多少客户记录，先点击维度字段「客户名称」的下拉按钮，选择「转化为指标」，再制作 KPI 指标卡，此时显示的是去重计数的结果，如下图所示：

2）如果想要展示所有的客户名称有多少条数据，将「记录数」直接拖入文本栏即可，再重命名文本栏的字段名称为「客户名称」即可，如下图所示：

5.2 指标卡内容显示不全

进入仪表板编辑或者预览界面，KPI指标卡内容显示不全，如下图所示：

可以通过三种方式解决问题：调整组件自适应显示、调大组件显示界面、调小文本字体字号

5.2.1 调整自适应显示为整体适应

在「组件样式>自适应显示」中，设置为「整体适应」，文本内容即会随着组件在仪表板中大小，自动调整。如下图所示：

5.2.2 调大组件显示界面

在仪表板预览界面选中指标卡组件，向外侧拖动组件边框，拉大组件显示界面，调整到合适大小。如下图所示：

5.2.3 调小文本字体字号

参考本文 2.3.1 节内容，调小文本字体字号。