TargetStruct 指标分解树
示例,使用 <g-target-struct>
组件。
基础用法
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 |
row | 一行显示几个指标 | number | 2 |
db-options | 指标配置 | object | — |
db-options API
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 指标汇总名称 | string | — |
dataField | 分项段 | object | — |
dataFieldName | 分项名称 | object | — |
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 可以接受静态数据
事件
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
arrow-click | 作用于右箭头上(arrow 为 true ) | function | — |