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

multicolor表示组件的配置项类型为渐变颜色选择器，可选单色或渐变色。

配置项说明

字段名	含义	类型	是否必选	备注
`name`	显示名	string	是	无。
`type`	类型	string	是	无。
`default`	默认显示值	object	是	需要包含以下参数： `style`：可选值包括`single`和`double`。 `value`：当`style`为`single`时的颜色值。 `from`：当`style`为`double`时渐变的起始颜色值。 `to`：当`style`为`double`时渐变的终点颜色值。 `angle`：当`style`为`double`时，渐变颜色的角度。

值说明

条件数据类型示例默认值

条件	数据类型	示例	默认值
`style`为`single`	object	`{ "style": "single", "value": "#ccc" }`	`{ "style": "single", "value": "#000" }`
`style`为`double`	object	`{ "style": "double", "from": "#fff", "to": "#ccc", "angle": 0 }`	`{ "style": "double", "from": "#000", "to": "rbga(0,0,0,.5)", "angle": 0 }`

style为single

object

{
 "style": "single",
 "value": "#ccc"
}

{
 "style": "single",
 "value": "#000"
}

style为double

object

{
 "style": "double",
 "from": "#fff",
 "to": "#ccc",
 "angle": 0
}

{
 "style": "double",
 "from": "#000",
 "to": "rbga(0,0,0,.5)",
 "angle": 0
}

配置示例

"color": {
    "name": "渐变颜色",
    "type": "multicolor",
    "default": {
      "style": "double",
      "from": "#000",
      "to": "#fff",
      "angle": 0
    }
}