TargetS 指标
指标 示例,使用 <g-target-s> 组件。
基础用法
文本提示
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, default | string | default |
| placement | 指标位置 top, right, bottom | string | bottom |
| size | 尺寸 xs, sm, md, lg, | string | sm |
| bg | 是否显示背景 | boolean | false |
| arrow | 是否显示箭头 | boolean | false |
| border | 是否显示边框 | boolean | false |
| tooltip | 文本提示 | array | null |
| tooltipPlacement | 文本提示方式 icon,target | string | icon |
| aspect | 管理口径 | string | — |
| aspectPlacement | 管理口径的位置 left right | string | left |
| db-options | 指标配置 | object | — |
db-options 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataField | 指标实际数字段 | string | — |
| columns | title 名称,field 指向字段,unit 单位 | array | — |
| data | 数据配置 | object/string/array | — |
组件支持的事件
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| arrow-click | 作用于右箭头上(arrow 为 true) | function | — |