KPI卡片

1. 概述

KPI卡片是一种直观展示关键指标的可视化组件，支持数值展示、图标自定义和样式优化，能够快速传递核心信息、突出数据重点并实现实时监控与目标对比，广泛应用于商业分析、运营管理及财务监控等领域，是连接数据洞察与业务决策的高效工具。

本文将指导您在Wyn中创建和使用KPI卡片。

仪表板设计器设计区域选中KPI卡片，根据实际需求，将对应的字段拖动到数据绑定区域，完成数据绑定。例如在本示例中，需将“订单金额”、“订单利润“和”购买数量”字段拖动到数值区域。
数据绑定区域介绍参考下表：
示意图
数据绑定区域
说明

数值
可绑定任意数据类型的字段。可绑定不超过3个字段

示意图	数据绑定区域	说明
	数值	可绑定任意数据类型的字段。可绑定不超过3个字段

组件完成数据绑定后，可自由调整字段属性（如格式修改、重命名、聚合方式切换）并执行快速运算，具体操作步骤请参考数据绑定与动态计算。

type=info
注意： 对数据集中字段进行的操作会在当前仪表板中的所有组件生效；而对组件数据绑定区字段进行的操作仅在当前组件生效。

数据处理完成后，可通过以下属性配置进一步优化组件展示效果：

图标样式： 在属性设置中，可通图标样式自动标记显示图标、图标、图标宽度、图标高度等属性。

属性	说明	系统图示
显示图标	用于控制是否显示KPI卡片的图标默认值为“是” 设置为“否”时，将隐藏该图标
图标	用来指定KPI卡片的图标单击后展开图片选择对话框，用户可根据需要选择或上传所需要的图标
图标宽度/图标高度	用来控制图标的大小默认值均为80px用户可根据需要进行设置，图标将会根据设置的宽度和高度进行拉伸
图标位置	用来控制图标在KPI卡片组件中的位置默认显示在KPI指标的左侧用户可根据需要来指定图标的位置
图标间距	用来控制图标与KPI组件之间的间距默认值为20px。用户可根据需要进行设置

指标样式： 在属性设置中，可通过指标样式自动标记指标布局、指标间距、显示指标名称等属性

属性	说明	系统图示
指标布局	用来控制多个KPI指标的布局方式，默认为横向排列，可设置为纵向排列
指标间距	用来控制多个KPI指标的检举，默认为20px
显示指标名称	用来控制是否显示KPI指标的名称，默认显示指标名称默认为绑定到数值区域的字段的名称，用户可通过在数值绑定区域中的字段的重命名来进行对指标名称的修改
指标名称位置	用来控制指标名称与KPI指标的位置，指标名称默认显示在KPI指标的上方
指标名称对齐方式	用来控制指标名称与KPI指标的对齐方式只有当指标名称位置为上侧或下侧时，才提供这个选项
指标名称字体设置	用来控制指标名称的字体、大小、颜色等，用户可根据需要进行设置
指标值字体设置	用来控制KPI指标值的字体、大小、颜色等，用户可根据需要进行设置

后缀样式： 在属性设置中，可通过后缀样式自动标记指标后缀设置、后缀间距等属

属性	说明	系统图示
指标后缀设置	单击字段后的编辑按钮，在弹出的对话框中，即可为该KPI指标添加后缀用户可根据需要输入“后缀单位”或指定“后缀图标”
后缀间距	用来控制后缀单位和后缀图标之间的间距默认值为3px
后缀图标大小	用来控制后缀图标的大小默认值为10px
后缀字体设置	用来控制后缀单位的字体及样式