智能数据洞察 DataArts Insight-gui.json规范:组件样式配置

时间:2025-02-12 15:12:05

组件样式配置

 1 2 3 4 5 6 7 8 9101112131415161718192021222324252627282930313233343536373839
  "style": [    {      "label": "全局样式",      "labelId": "global_style",      "isExpand": true,      "children": [        {          "label": "字体大小",          "name": "fontSize",          "type": "number",          "min": 12,          "max": 32,          "value": 12        },        {          "label": "字体粗细",          "name": "fontWeight",          "type": "select",          "options": [            {              "key": "Normal",              "value": "normal"            },            {              "key": "Bold",              "value": "bold"            }          ],          "value": "normal"        },        {          "label": "颜色",          "name": "color",          "type": "color",          "value": "#ffffff"        }      ]    }  ],

Style参数为数组形式,其中每个数据元素将形成一个样式配置项,每个数据元素还能包含相关的子配置项,最多支持两层,具体参数说明如下:

表2 Style参数说明

参数

是否必选

参数类型

描述

label

String

配置项标签名称。

isExpand

Boolean

是否展开子配置项。

  • true:展开。
  • false:不展开。

name

String

配置项key值,用户在命名时要注意唯一性(只限于当前组件)。

配置项的其他属性参数

-

不同UI类型具有不同的属性参数,请参见UI类型介绍

children

Array of children object

配置项所拥有的子配置项,如下图所示全局样式下包含字体和颜色等配置。

表3 children参数说明

参数

是否必选

参数类型

描述

label

String

子配置项标签名称。

type

String

样式配置输入框类型,DataArts Insight开放的UI类型请参见UI类型介绍

name

String

子配置项key值,用户在命名时要注意唯一性(只限于当前组件)。

value

String | Number

子配置项样式取值。

子配置项的其他属性参数

-

不同UI类型具有不同的属性参数,请参见UI类型介绍

示例如下所示:

图1 style示例
表4 样式面板示例说明

区域编号

描述

1

对应字段isExpand。

2

对应字段label。

3

对应字段type,此处type分别为number、select、color类型。

support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0557.html