TargetR 指标（带进度环/进度条）

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

基础用法

ringPlacement 进度环显示位置

ringPlacement 显示位置 left， right，top，bottom 默认为 left

chart 图表类型

chart 类型 ring， line 默认类型为 ring

type 类型

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

size 尺寸

type 类型 xs， sm，md，lg 默认尺寸为 sm

API

名称	说明	类型	默认值
type	类型可选primary, success, warning, danger, info	string	primary
targetType	指标类型 primary, success, warning, danger, info, default	string	default
chart	类型可选ring, line	string	ring
placement	指标位置 top, right, bottom	string	top
ringPlacement	进度环位置 left, right, top, bottom	string	left
size	尺寸 xs, sm, md, lg,	string	sm
db-options	数据配置	object	—

db-options API

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

data API

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

名称	说明	类型	默认值
path	ip地址，开发环境配置代理地址，接口地址	string	—
method	方法	string	get
params	params 、 data 参数	object	—
resPath	接口响应数据 格式如 : 'data/obj/list'	string	'data'
ContentType	content-type	string	application/json;charset=UTF-8
headers	请求头	object	-
transformResponse	格式化数据	function	-

data 可以接受静态数据