检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
间对接的成本。 AppKey：ROMA Connect上应用的Key值，获取方式如下： 登录ROMA Connect实例控制台。 在左侧导航栏中，选择“集成应用”。 单击应用名，进入概览页面，即可查看到Key值。 AppSecret：ROMA Connect上应用的请求密钥，用于私钥认证，获取方式如下：
登录管理控制台。 单击左侧导航栏的图标，选择 “开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入华为云Astro大屏应用服务控制台。 在已购买的实例中，单击“升级服务”。 在升级规格页面，选择目标资源规格，单击“去支付”。
包年/包月华为云Astro大屏应用从购买到被自动删除之前，您可以随时在华为云Astro大屏应用控制台为其续费，以延长使用时间。 在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。 在左
单击管理控制台左上角的，展开服务列表，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。 在华为云Astro轻应用控制台，单击左侧导航栏中的“Astro大屏应用”，进入华为云Astro大屏应用服务控制台。 在华为云Astro大屏应用服务控制台，单击“Astro 低代码
两步自由定制。 多屏协同配合，打造多屏一致性体验 功能介绍 以华为云Astro大屏应用为能力底座，打造可视化大中小屏，一次构建、多屏复用、无缝协同、统一体验。 功能优势 用户统一体验：大中小屏应用支持卡片化构建，遵循统一前端设计规范，提供给用户统一体验。 多屏无缝协同：针对多屏之
而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，华为云Astro大屏应用支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
页面数据来源介绍 组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上
config: [ { type: 'dataSetting', mapping: { x: { keyName: 'dataX',
而创建各种应用。 沙箱环境：在应用正式发布上线前，需要在测试环境进行测试，包含数据配置。 生产环境：应用正式发布上线的真实环境。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。 不依赖：不依赖任何环境。 生产环境/沙箱环境 域名：提供服务环境的域名，如https://www
EchartsWidgetTemplate = StudioWidgetWrapper.extend({ /* * 组件初始化入口API,初始化组件通用能力，负责注册组件事件和组件动作 */ init() { this._super.apply(this, arguments); //
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的地图密钥是在2021年12月02日以后申请的key，需要配合安全密钥一起使用。如何使用安全密钥，请参见JS API 安全密钥使用。 地图中心：设置地图中心的设置类型，支持自定义和行政区。 行政
sourceLabel: 'label', sourceKey: 'value', options: [{ value: 'happy', label: { zh_CN: '开心', en_US: 'primary' } }, {
'advancedSettings', headerTitle: { zh_CN: '数据映射', en_US: 'Data Mapping' }, belong: 'configuration', config: [ {
解。 图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称
selectValue" :disabled="selectConfObj.disabled" :popper-append-to-body="false" @change="search" :multiple="selectConfObj
用于获取查询字符串中的参数，使用方式参考如下： /* * 例如某个页面的URL为“https://10.10.10.1:12900/magno/render/cool__app_0000000000NABzEjpNIH/page1?param=1”, 通过执行 * HttpUtils.getUrlParam("param")返回该参数的值“1”。
ate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this._super.apply(this, arguments); // 组件通用能力构建，调用父类constructor,必须要写 this.render();
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
