检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
registerConnector 定义桥接器。 registerEvents 注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作,只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色 如何设置分享码 如何进行版本回退 如何设置Token认证 AstroCanvas分享页Token签名校验使用说明 如何设置内容安全策略
AstroCanvas目前支持的实例版本有:Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。
同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 通过预置交互事件+交互动作,零代码实现丰富组件交付场景
Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCanvas)是华为云Astro低代码平台提供的可视化页面构建服务,提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力,支持多屏适配,帮助开发者快速构建和发布专业水准的实时可视化应用。
migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非AstroCanvas平台右侧属性面板会过滤掉配置项。 headerTitle Object headerTitle: { zh_CN: "行配置", en_US:
两种方式使用该模板创建页面。 方式一:在图2中的“预置模板”下,可查看到已审批的模板,并使用该模板新建页面。 方式二:登录Astro低代码平台。在“资产中心”中,可查看到该模板,并可使用该模板新建页面。 父主题: 页面管理
步骤一:注册账号并实名认证 使用AstroCanvas前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,可直接跳过如下操作,但需要确保账号有足够的金额。 进入华为云官网,单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作,完成注册。 注册后参考个人账
o大屏应用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。 Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发。 表1
在配置中,设置视频流组件的视频流地址、视频流类型等。 图4 配置 视频流组件中,配置项的配置高于数据配置。 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。 数据 在数据中,设置视频流组件的数据来源,更多介绍请参见数据接入。
目页面。 图8 AstroCanvas入口 方式二:从运行环境登录AstroCanvas界面 运行环境是指应用正式发布上线的真实环境,默认域名为“appcuberun.cn-north-4.huaweicloud.com”。测试完成后,将应用发布至生产环境,即运行环境,供业务用户使用。
和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。 高德地图第三方密钥,请参考高德开放平台申请。 百度地图第三方密钥,请参考百度地图开放平台申请。 天地图第三方密钥,请参考天地图官网申请。 自定义地图:根据实际需求,自定义地图。如果开启自定义地图,请配置
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。AstroCanvas提供了上百种echarts组件,本质上是不同的实例化代码,这些实例化代码来自echarts官网的dem
多种快捷配置:组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准,帮助用户快速实现样式优化。 丰富模板开箱即用,经验轻松沉淀 功能介绍 平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 特性优势 丰富的预置模板:涵盖政务、交通、电力等多个垂
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中,注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
组件销毁前的回调函数,组件自己实现继承。 init 组件初始化入口API,以SelectWidgetTemplate组件为例,初始化组件通用能力,负责注册组件事件和组件动作。主逻辑建议如下: init() { this._super.apply(this, arguments);
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
测试Key有效期为3天,过期后请使用机器码重新注册并生成测试Key或启用为正式Key。下载新的Key后,需要删除原先的Key,替换为新的Key。 使用机器码生成新的测试Key时,需要先删除失效的Key,再重新注册。因为一个机器码只能注册一个Key。 在浏览器中,输入AstroCan