控件config配置margin_DataV数据可视化(DataV)-阿里云帮助中心

margin表示组件的配置项类型为边距套件，支持定义上下左右四个边的边距数值。

配置项说明

字段名	含义	类型	是否必选	备注
`name`	显示名	string	是	无。
`type`	类型	string	是	无。
`default`	默认值	string	否	不填时值为空。
`components`	配置项模块	array	否	默认值为`["top","bottom","left","right"]`。支持的模块包括`"top"`、`"bottom"`、`"left"`和`"right"`。
`enableHide`	配置项对应元素是否能够在画布隐藏	boolean	否	默认为`false`。设置为`true`时，显示显隐图标按钮，并在当前配置项中增加`show`字段。

值说明

条件数据类型示例默认值

条件	数据类型	示例	默认值
不配置`enableHide`，或将`enableHide`配置为`false`	object	`{ "top": 12, "right": 24, "bottom": 8, "left": 24 }`	`{ "top": 10, "right": 10, "bottom": 10, "left": 10 }`
将`enableHide`配置为`true`	object	`{ "top": 12, "right": 24, "bottom": 8, "left": 24, "show": true }`	`{ "top": 10, "right": 10, "bottom": 10, "left": 10, "show": true }`

不配置enableHide，或将enableHide配置为false

object

{
 "top": 12,
 "right": 24,
 "bottom": 8,
 "left": 24
}

{
 "top": 10,
 "right": 10,
 "bottom": 10,
 "left": 10
}

将enableHide配置为true

object

{
 "top": 12,
 "right": 24,
 "bottom": 8,
 "left": 24,
 "show": true
}

{
 "top": 10,
 "right": 10,
 "bottom": 10,
 "left": 10,
 "show": true
}

配置示例

基础用法（不配置enableHide） margin配置示例

{
  "margin": {
    "name": "外边距",
    "type": "margin",
    "default": { "top": 10, "left": 10, "right": 10, "bottom": 10 }
  }
}

允许配置项对应元素隐藏（配置enableHide为true） margin配置示例2

{
  "margin": {
    "name": "外边距",
    "type": "margin",
    "enableHide": true,
    "default": { "top": 10, "left": 10, "right": 10, "bottom": 10 }
  }
}

配置项模块插拔（设置components） margin配置示例

{
  "marginComponents": {
    "name": "外边距",
    "type": "margin",
    "enableHide": true,
    "components": ["top", "bottom"]
  }
}