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

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

基础用法

ringPlacement 进度环显示位置

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

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

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

chart 图表类型

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

type 类型

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

size 尺寸

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

带有背景

带口径

组件参数

名称	说明	类型	默认值
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
bg	是否显示背景	boolean	false
arrow	是否显示箭头	boolean	false
aspect	管理口径	string	—
aspectPlacement	管理口径的位置 left right	string	left
tooltip	文本提示	array	null
color	自定义颜色（此参数使用需要审批）	string
db-options	数据配置	object	—

db-options 属性

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

组件支持的事件

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