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

font表示组件的配置项类型为字体套件，由字体选择器、字体粗细选择器、字体⼤⼩步进器和纯⾊填充框组成。

配置项说明

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

条件数据类型示例默认值

条件	数据类型	示例	默认值
不配置`enableHide`，或将`enableHide`配置为`false`	object	`{ "fontFamily": "simSun", "fontWeight": 400, "color": "#333", "fontSize": 12 }`	`{ "fontFamily": "Microsoft Yahei", "fontWeight": "normal", "color": "#fff", "fontSize": 12 }`
将`enableHide`配置为`true`	object	`{ "fontFamily": "simSun", "fontWeight": 400, "color": "#333", "fontSize": 12, "show": true }`	`{ "fontFamily": "Microsoft Yahei", "fontWeight": "normal", "color": "#fff", "fontSize": 12, "show": true }`

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

object

{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12
}

{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12
}

将enableHide配置为true

object

{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12,
 "show": true
}

{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12,
 "show": true
}

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

"font": {
   "name": "文字套件",
   "type": "font"
}

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

"font": {
   "name": "文字套件",
   "type": "font",
   "enableHide": true
}

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

"font": {
    "name": "文字套件",
    "type": "font",
    "enableHide": true,
    "components": [
      "fontSize",
      "color"
    ]
}