检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理组件模板 查看组件模板详情 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,单击页面右上方的“管理”,进入华为云Astro大屏应用管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。
数据集管理 (可选)新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 华为云Astro轻应用API数据集 华为云Astro轻应用数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集
创建项目 (可选)新建分组 创建大屏&PC端项目 创建移动端项目
图层管理 视图切换 组件图层位置移动 筛选组件
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
组件管理 添加组件 拖拽组件 组件对齐 锁定/解锁组件 隐藏组件 重命名组件 将组件保存为卡片 复制并粘贴组件 跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能
交互设置 组件间交互 页面间交互 通过参数控制响应动作 如何自定义动作
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
转换器管理 新建转换器 删除转换器 关注转换器 父主题: 数据中心
连接器管理 新建连接器 复制连接器 删除连接器 父主题: 数据中心
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
{widget}.js 文件介绍 {widget}.js为组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig
eventConfig 字段介绍 eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig
在华为云Astro轻应用控制台,单击左侧导航栏中的“Astro大屏应用”,进入华为云Astro大屏应用服务控制台。 在华为云Astro大屏应用服务控制台,单击“Astro 低代码平台”,进入华为云Astro低代码平台界面。 为IAM用户进行服务授权。
单击左侧导航栏的图标,选择 “开发与运维 > Astro轻应用(原AppCube)”,进入华为云Astro轻应用服务控制台。 在左侧导航栏中,选择“Astro大屏应用”,进入华为云Astro大屏应用服务控制台。 在已购买的实例中,单击“升级服务”。
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件
产品规格差异 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,各套餐的功能说明如表1所示,具体计费详情请参见AstroCanvas产品价格详情。 华为云Astro大屏应用基础版:基于平台预置模板