Skip to content

TargetAchievement 指标达成情况(数值、比例)

示例,使用 <g-target-achievement> 组件。

基础用法

size 尺寸

size 尺寸 xs, sm, md, lg,默认尺寸为 sm

type类型

type 类型 primary, success, warning, danger, info,默认类型为 primary

带有背景

带口径

组件参数

名称说明类型默认值
type指标类型 primary, success, warning, danger, info, defaultstringprimary
size尺寸 xs, sm, md, lg,stringsm
bg是否显示背景booleanfalse
aspect管理口径string
aspectPlacement管理口径的位置 left rightstringleft
options配置object
db-options指标配置object

options API

名称说明类型默认值
title名称string
subText标题string达成率
isLegend是否显示图例booleantrue

db-options 属性

名称说明类型默认值
kpiField目标值string
dataField指标实际数字段string
rateField达成进度string
columnstitle 名称,field 指向字段,unit 单位array
data数据配置object/string/array