1. 概述编辑
1.1 版本
| FineBI 版本 | 功能变动 |
|---|---|
| 6.0 |
|
| 6.1.2 |
|
1.2 应用场景
KPI 指标卡为直观展示 KPI 数值的组件，可直接显示所选字段的数值。
例如，用KPI指标卡展示销售额&利润&数量：
1.3 数据要求
KPI 指标卡的数据要求如下表所示：
| 图表效果 | 维度字段 | 指标字段 |
|---|---|---|
| KPI 指标卡 | 0 | ≥1 |
1.4 图表特点
1）优点
直观性：可以直观地展示最终的数据结果，使观看者迅速把握关键数据。
2）缺点
展示限制：只能展示单一的数据点，数据不够丰富，无法深度挖掘。
2. 示例编辑
用KPI指标卡展示销售额&利润&数量
示例数据下载：超市销售数据.xlsx
2.1 准备数据
下载示例数据，并上传至 FineBI 。如下图所示：
2.2 创建组件
1）点击左下角「组件」按钮
2）选择图表类型为「KPI指标卡」
3）将左侧待分析区域的「销售额、利润、数量」拖入文本栏，如下图所示：
注：拖入的指标字段，指标值不能为空，否则KPI指标卡不生效。
2.3 设置文本内容格式
点击文本栏的设置按钮，设置文本内容格式。如下图所示：
q
「固定字体大小」说明：
勾选：确保指标卡组件的字体大小不受组件尺寸变化的影响
不勾选：仪表板中指标卡组件的尺寸放大或缩小时，字体大小会相应地进行调整
仪表板中指标卡字体大小一致会更为美观，推荐用户勾选「固定字体大小」。
2.3.1 使用预设内容格式
预设内容格式的样式如下表所示：
| 预设名称 | 样式效果 |
|---|---|
| 主副指标1 |  |
| 主副指标2 |  |
| 主副指标3 |  |
| 并列指标1 |  |
| 并列指标2 |  |
2.3.2 自定义内容样式
1）若是对自定义内容样式不满意，用户可以进行自定义。可以先选择一种预设样式，然后在预设样式基础上进行修改。如下图所示：
2）在弹出的富文本编辑器中可以手动写入文字，并为文字设置字体、字号、加粗、倾斜、字体颜色、对齐等效果。如下图所示：
3）还可以修改分栏，改变指标卡内容布局，每个分栏内都可以输入内容。
点击分栏，即可修改已有分栏的分栏方式
点击无分栏处，即可在此行增加分栏
例如，将组件分栏布局由 1 1 2 更改为 2 2 4，如下图所示：
4）若用户对自行调整后的内容样式不满意，可通过点击「重置」按钮恢复至原始样式设置。
2.4 设置形状条件
我们还可以对指标卡设置形状条件，比如说我们的销售总目标是 400 万，我们可以用形状属性表示目标达成进度。
1）点击「形状条件」，选择销售额指标并点击「添加条件」设置特定条件；
2）为销售额的不同数值区间配置不同的颜色和形状。例如，销售额在 300万 至 400万 的区间，表达目标达成超过四分之三，可以设置形状为四分之三饼图，颜色选择浅红色直观反映目标达成情况。
3）勾选「数值颜色随条件变化」，可以确保数值显示的颜色与条件设置的颜色保持一致。
效果如下图所示：
2.5 创建仪表板
1）点击分析主题编辑界面下方添加仪表板。
2）进入仪表板编辑界面，将组件拖入至仪表板中，查看最终效果。如下图所示：
2.6 效果查看
1）PC端
2）移动端
3. 切换字段编辑
若需要切换指标卡显示字段，则直接拖走原有字段，并拖入需要选择的字段即可，例如需要切换「合同金额」字段为「回款金额」。如下图所示：
注：切换字段后，之前在「文本」处设置的颜色和形状将消失。
4. 展示某个维度下前三分类KPI指标卡编辑
1）在本文示例的基础上，将左侧待分析区域的指标字段「合同金额」拖入到颜色栏中，将「合同签约时间」字段拖入横轴中，如下图所示：
注：颜色栏中拖入字段后，之前在「文本」处设置的颜色将失效。
2）点击横轴「合同签约时间」的下拉按钮，选择「年」分组，如下图所示：
3）再次点击「合同签约时间」的下拉按钮，选择「过滤」，在弹出的设置框中添加过滤条件，只显示前三个年份。如下图所示：
4）点击文本设置按钮，在弹出的设置框中点击「内容格式」编辑框，将文本字体大小调到 32 ，点击「确定」，如下图所示：
5）「形状」处修改三个区间为0-300000000，300000000-350000000和350000000以上，如下图所示：
6）点击颜色设置按钮，在弹出的设置框中渐变类型选择「区域渐变」，颜色区间同上设置为3个区间，0-300000000为红色，300000000-350000000为橙色，350000000以上为绿色，如下图所示：
7）点击「组件样式>图例」，取消勾选「显示全部图例」按钮。如下图所示：
8）最终效果如下图所示：
5. 注意事项编辑
5.1 去重计数与记录数
1）例如，想要在 KPI 指标卡中显示有多少客户记录，先点击维度字段「客户名称」的下拉按钮，选择「转化为指标」，再制作 KPI 指标卡，此时显示的是去重计数的结果，如下图所示：
2）如果想要展示所有的客户名称有多少条数据，将「记录数」直接拖入文本栏即可，再重命名文本栏的字段名称为「客户名称」即可，如下图所示：
5.2 指标卡内容显示不全
进入仪表板编辑或者预览界面，KPI指标卡内容显示不全，如下图所示：
可以通过三种方式解决问题：调整组件自适应显示、调大组件显示界面、调小文本字体字号
5.2.1 调整自适应显示为整体适应
在「组件样式>自适应显示」中，设置为「整体适应」，文本内容即会随着组件在仪表板中大小，自动调整。如下图所示：
5.2.2 调大组件显示界面
在仪表板预览界面选中指标卡组件，向外侧拖动组件边框，拉大组件显示界面，调整到合适大小。如下图所示：
5.2.3 调小文本字体字号
参考本文 2.3.1 节内容，调小文本字体字号。