检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
getSafeUrl('/test.html') //return:https://华为云Astro大屏应用域名/test.html SafeUtils.getSafeUrl('javascript:alert(123)') //return:'unsafe:' 只有安全的链接才会被访问，
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
String[] {timestamp}); String signature = getSignature(uri, parameterMap, token); String inputUrl = cusUrl + "&" + "_dmax_time=" + timestamp;
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。
BzEjpNIH/page1?param=1”, 通过执行 * HttpUtils.getUrlParam("param")返回该参数的值“1”。 */ HttpUtils.getUrlParam("param") getLocalStorage 用于获取某个localStorage的值，使用方式参考如下：
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。
系统资产 系统资产是系统预置的资产，可以单击预览进行查看（仅模型支持预览）。 预览系统资产 参考登录华为云Astro大屏应用界面中操作，登录界面。 在主菜单中，选择“3D编辑器”。 在左侧导航栏中，单击“资产库 > 系统资产”。 将鼠标放在待预览的系统资产上，单击。 图1 预览系统资产
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时，用户可自定义组件包进行上传，在页面中进行使用。在开发自定义组件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。
seviceWaterLevel'); const seviceLoad = this.$t('setting.seviceLoad'); return [ { x: '00:00', y: 11.69, s: seviceWaterLevel
propertiesConfig 字段介绍 propertiesConfig是一个数组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。
return isNaN(Number(a[sortField])) ? a[sortField].localeCompare(b[sortField]) : a[sortField] - b[sortField]; }); } } return data
getInputValue: function () { if (this.vm && this.vm.selectConfObj) { return this.vm.selectConfObj.selectValue; } }, // 设置组件双向绑定的值 setInputWidgetValue:
桥接器预置 通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，
新建应用参数说明 参数 说明 示例 标签 新建应用的标签，长度不能超过80个字符。标签是应用在系统中的唯一标识，创建后不支持修改。 调查问卷 名称 新建应用的名称，输入标签值后单击该参数的输入框，系统会自动生成应用的名称，同时自动在名称前，添加命名空间__。命名要求如下： 长度不能超过31个字符，包括前缀命名空间的长度。
const widgetContainer = this.getContainer(); if (!widgetContainer) return; this.initI18n(); this.initReaderVm(this.getProps(), widgetContainer);
filter(item => { return keys.every(key => { if (!filterObj[key].length) { return true; } return filterObj[key]
件”页签的组件前单独通过开关图标设置各组件的桥接器是否使用模拟数据，对个别组件进行个性化设置，有效减少手动修改操作。 该功能的实现原理是：系统在桥接器代码中已增加mockData属性来记录桥接器是否启用了模拟数据，同时在桥接器父类代码中预置了getMockData函数，开发人员只
是否禁用，可自定义函数，根据其他选项的值来判定是否禁用，返回true禁用。 showFunc Function 否 showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示 function定义。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
