Skip to content

TargetR 指标(带进度环/进度条)

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

基础用法

chart 图表类型

chart 类型 ringline 默认类型为 ring

type 类型

type 类型 primarysuccesswarningdangerinfo 默认类型为 primary

size 尺寸

type 类型 xssmmdlg 默认尺寸为 sm

API

名称说明类型默认值
type类型可选primary, success, warning, danger, infostringprimary
targetType指标类型 primary, success, warning, danger, info, defaultstringdefault
chart类型可选ring, linestringring
placement指标位置 top, right, bottomstringtop
size尺寸 xs, sm, md, lg,stringsm
db-options数据配置object

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