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

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

基础用法

自定义颜色（此参数使用需要审批）

color 接受 RGB颜色值 或 十六进制颜色码

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
size	尺寸 xs, sm, md, lg,	string	sm
bg	是否显示背景	boolean	false
arrow	是否显示箭头	boolean	false
aspect	管理口径	string	—
aspectPlacement	管理口径的位置 left right	string	left
tooltip	文本提示	array	null
color	自定义颜色（此参数使用需要审批）	string
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 可以接受静态数据

事件

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