检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的event
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示
重命名组件 通过重命名功能，可自定义组件的名称，便于搜索和管理。 重命名组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“重命名”。 图1 重命名 您也可以在“图层”中，将鼠标悬浮在组件上，单击“重命名”。
页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量，并设置选项卡名称。
桥接器删除后，不可恢复请谨慎操作。 修改桥接器名称 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的桥接器”。 将鼠标放在桥接器的名称上，单击，即可修改桥接器名称。 批量复制自定义桥接器到其他工作空间 参
在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。
修改项目名称 项目创建后，支持修改项目名称。 修改项目名称 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，将鼠标放在对应的项目上，单击。 根据实际需求，修改项目的名称。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。
高德地图第三方密钥，请参考高德开放平台申请。 百度地图第三方密钥，请参考百度地图开放平台申请。 天地图第三方密钥，请参考天地图官网申请。 自定义地图：根据实际需求，自定义地图。如果开启自定义地图，请配置地图GeoJson数据链接地址或配置GeoJson数据素材。 地图中心经度：设置地图中心点的经度。 地图中心纬度：设置地图的中心点的纬度。
图标进度条 图标进度条是柱状图的一种，通过图标和进度条可实现百分比展示能力，同时支持自定义图标。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“图标进度条”组件至画布空白区域，如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
mapping: {} } ], } ], 组件使用静态数据 华为云Astro大屏应用通过调用组件定义的getMockData，来获取默认静态数据。 getMockData() { const seviceWaterLevel = this
说明 card 卡片-自定义 card - configuration 配置-自定义 configuration 组件级的配置项建议放到该分类中，如背景、标题等。 series 图形-自定义 series 图表的系列数据配置。 legend 图例-自定义 legend 图表的图例显示/隐藏、样式控制配置。
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
boolean 是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
