Skip to content

TargetStruct 指标分解树

示例,使用 <g-target-struct> 组件。

基础用法

size 尺寸

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

type类型

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

API

名称说明类型默认值
type指标类型 primary, success, warning, danger, info, defaultstringdefault
size尺寸 xs, sm, md, lg,stringsm
arrow是否显示箭头booleanfalse
row一行显示几个指标number2
db-options指标配置object

db-options API

名称说明类型默认值
title指标汇总名称string
dataField分项段object
dataFieldName分项名称object
columnstitle 名称,field 指向字段,unit 单位array
data数据配置object/string/array

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array),对象中可以配置以下属性:

名称说明类型默认值
pathip地址,开发环境配置代理地址,接口地址string
method方法stringget
paramsparamsdata 参数object
resPath接口响应数据 格式如 : 'data/obj/list'string'data'
ContentTypecontent-typestringapplication/json;charset=UTF-8
headers请求头object-
transformResponse格式化数据function-

data 可以接受静态数据

事件

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