Skip to content

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

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

基础用法

size 尺寸

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

type类型

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

带有背景

带口径

API

名称说明类型默认值
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 API

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

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array),对象中可以配置以下属性:

名称说明类型默认值
pathip地址,开发环境配置代理地址,接口地址string
method方法stringget
paramsparamsdata 参数object
resPath接口响应数据 格式如 : 'data/obj/list'string'data'
ContentTypecontent-typestringapplication/json;charset=UTF-8
headers请求头object-
transformResponse格式化数据function-

data 可以接受静态数据