Skip to content

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

组件参数

名称说明类型默认值
type指标类型 primary, success, warning, danger, info, defaultstringdefault
placement指标位置 top, right, bottomstringbottom
size尺寸 xs, sm, md, lg,stringsm
bg是否显示背景booleanfalse
arrow是否显示箭头booleanfalse
border是否显示边框booleanfalse
row一行几个指标,默认一行2个number2
aspect管理口径string
aspectPlacement管理口径的位置 left rightstringleft
db-options指标配置object

db-options 属性

名称说明类型默认值
columnstitle 名称,field 指向字段,unit 单位array
data数据配置object/string/array

组件支持的事件

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