TargetCurrent 当期指标
当期指标示例,使用 <g-target-current> 组件。
基础用法
size 尺寸
size 尺寸
xs,sm,md,lg,默认尺寸为sm
type类型
type 类型
primary,success,warning,danger,info,default默认类型为default
带有背景
API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 指标类型 primary, success, warning, danger, info, default | string | default |
| size | 尺寸 xs, sm, md, lg, | string | sm |
| arrow | 是否显示箭头 | boolean | false |
| bg | 是否显示背景 | boolean | false |
| db-options | 指标配置 | object | — |
db-options API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| fieldsMap | 数据集 | object | — |
| columns | title 名称,field 指向字段,unit 单位 | array | — |
| data | 数据配置 | object/string/array | — |
fieldsMap API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| ytd | 年度截至当前 | string | — |
| today | 今日 | string | — |
| wtd | 本周 | string | — |
| mtd | 当月 | string | — |
| std | 当季 | string | — |
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 | — |