检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图解Astro大屏应用
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
数据接入 页面数据来源介绍 桥接器预置 自定义桥接器 静态数据 数据集 页面数据集 其他数据源
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 父主题: 组件介绍
发布及安装项目 发布项目 安装项目
地图 高德地图 地图 父主题: 组件介绍
装饰 背景框 分割线 图标 背景图 装饰图案 父主题: 组件介绍
媒体 音频 轮播图片 轮播页面 图片 FLV视频播放 视频 视频流 父主题: 组件介绍
创建工作空间 新建工作空间 为工作空间添加成员 设置空间页面配额
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription": "Echarts组件模板"
一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API,初始化组件通用能力,负责注册组件事件和组件动作。
购买的实例中单击“操作 > 页面扩容”。 图1 单击页面扩容 设置扩容页面的个数,单击“去支付”。 图2 页面扩容 选择支付方式,单击“去在线支付”,完成订单支付。 订单支付成功后,单击“返回Astro轻应用控制台”。 在AstroCanvas已购买的实例中,可查看到扩容的页面数量。
选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
将鼠标放在对应的组件上,单击,可查看到新版本的组件(如1.0.1)。 图9 查看组件版本 :单击该图标,可下载当前版本组件。 :单击该图标,可在线编辑该版本组件。 编辑组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。
将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}
页面扩容包计费规则,请参见计费项。 图1 购买实例(基础版) 图2 购买实例(专业版) 图3 购买实例(企业版) 选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看Ast
在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方,通过工具栏提供的功能,可以完成保存页面、页面设置、全局变量设置、预览页面以及发布制作好的可视化应用等。 4 画布 页面开发操作