Skip to content

TargetCurrent 当期指标

当期指标示例,使用 <g-target-current> 组件。

基础用法

size 尺寸

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

type类型

type 类型 primary, success, warning, danger, infodefault 默认类型为 default

带有背景

带口径

API

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

db-options API

名称说明类型默认值
fieldsMap数据集object
columnstitle 名称,field 指向字段,unit 单位array
data数据配置object/string/array

fieldsMap API

名称说明类型默认值
ytd年度截至当前string
today今日string
wtd本周string
mtd当月string
std当季string

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 可以接受静态数据

事件

名称说明类型默认值
arrow-click作用于右箭头上(arrow 为 true)function