TargetM 多指标

指标 示例，使用 <g-target-m> 组件。

基础用法

placement 位置

placement 位置 left, top, bottom 默认位置为 bottom

size 尺寸

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

type类型

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

带边框

:::

带arrow

API

名称	说明	类型	默认值
type	指标类型 primary, success, warning, danger, info, default	string	default
placement	指标位置 top, right, bottom	string	bottom
size	尺寸 xs, sm, md, lg,	string	sm
arrow	是否显示箭头	boolean	false
border	是否显示边框	boolean	false
row	一行几个指标，默认一行2个	number	2
db-options	指标配置	object	—

db-options API

名称	说明	类型	默认值
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 可以接受静态数据

事件

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