检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择平台主题色,打开亮色开关。平台默认风格为暗色。 图1 切换平台主题色 父主题: AstroCanvas学堂
AstroCanvas使用流程 Astro大屏应用(AstroCanvas)是华为云针对可视化大屏场景的低码平台,可以帮助企业轻松实现数据的可视化开发。在使用AstroCanvas前,建议您先学习本章节内容,了解AstroCanvas的使用流程。
* 如果使用平台桥接器的方式,平台会自动在请求header中添加csrf-token头。
Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。
开启子页面加载状态检查:勾选后,平台会检测iframe子页面的运行状态。 父主题: 项目管理
在AstroCanvas服务控制台,单击“Astro 低代码平台”,进入Astro低代码平台界面。 图3 进入Astro低代码平台界面 为IAM用户进行服务授权。 对IAM用户进行服务授权操作后,该用户即可拥有进入AstroCanvas平台的基础权限。
在AstroCanvas页面,将鼠标放在“默认团队空间”上,选择“新建与管理”,跳转到Astro低代码平台。 在Astro低代码平台的“组织管理 > 角色与权限 > Astro Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。
Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发。 各套餐详细介绍,请参见计费模式。
在首页中,单击页面右上角的“Astro 低代码平台”,进入Astro低代码平台。 在左侧导航栏中,选择“组织管理”。 在“角色与权限 > Astro Canvas”中,选中新建工作空间中创建的工作空间。 在工作空间目录下,选择对应的角色(如开发者),单击“新增成员”。
预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。
Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色
Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发。
2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCanvas)是华为云Astro低代码平台提供的可视化页面构建服务,提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力
平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 通过预置交互事件+交互动作,零代码实现丰富组件交付场景,同时开放自定义扩展组件交互事件动作能力,满足复杂的页面交互。
}, ], }, ], }, 图2 设置后效果 表1 组件配置项说明 字段 类型 示例 说明 migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非AstroCanvas平台右侧属性面板会过滤掉配置项
视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。 数据 在数据中,设置视频流组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置视频流组件与其他组件或页面之间的交互能力。
方式二:登录Astro低代码平台。在“资产中心”中,可查看到该模板,并可使用该模板新建页面。 父主题: 页面管理
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。
高德地图第三方密钥,请参考高德开放平台申请。 百度地图第三方密钥,请参考百度地图开放平台申请。 天地图第三方密钥,请参考天地图官网申请。 自定义地图:根据实际需求,自定义地图。如果开启自定义地图,请配置地图GeoJson数据链接地址或配置GeoJson数据素材。