检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
私有化部署升级指导 AstroCanvas运行环境部署包存在多个版本,且新版本相对于之前的版本存在功能变动时,可按照本章节操作更新已部署的AstroCanvas。 更新已私有化部署的AstroCavans有两种方式,一种是创建一个新目录部署一个全新的AstroCanvas,另一种方式是替
移动页面 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。
在新建项目页面,选择“移动端”,输入项目名称,单击“新建”。 图1 新建移动端项目 系统自动进入该新建项目的“移动端项目”页面,如图2。 图2 移动端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。
在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击。 图3 查看桥接器详情 在桥接器详情页面,查看桥接器名称、开发者、版本、更新时间等。 更新桥接器 更新桥接器前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
示例:BarGraph 操作类型 当前操作的类型,如新增、更新等。 组件ID 资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后,内容
当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击已创建分组后的“...”,选择“重命名”。 输入项目组的名称,单击“更新”。 项目组名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 删除分组 参考登录AstroCanva
/* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表示,触发当前事件后,会隐藏组件widget16 * 帮助文档:https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待修改的页面上,单击。 修改页面标题,单击“更新”。 图1 编辑页面设置 页面标题:输入页面的标题,长度为1~100个字符。 页面描述:通常设置为页面的功能或使用场景。 父主题: 页面管理
在本地开发组件后,频繁地打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件是否有版本更新,如果有新版本组件,请单击“升级所有插件”。 您也可以单击待升级插件后的,对组件进行升级。 图1 升级组件 单击“启用模拟数据
在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击。 图6 查看组件详情 在组件详情页面,查看组件名称、开发者、版本和更新时间等。 更新组件 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
选中页面中组件,单击组件上方的,在交互动作中使用项目变量。 图4 在交互动作中使用项目变量 更新项目变量。 方式一:通过交互动作,更新变量。 图5 在交互动作中更新变量 方式二:通过自定义动作,更新项目变量。 图6 通过自定义动作更新变量 其中,key为项目变量的名称,value为项目变量的值。 父主题:
在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击。 图6 查看库详情 在库详情页面,查看库名称、开发者、版本、更新时间等。 更新库 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
roCanvas中开发一个大屏页面的流程。 使用AstroCanvas开发告警处理情况统计移动端页面 本实践通过开发一个告警处理情况移动端页面,带您了解在AstroCanvas中开发一个移动端页面的流程。
额。如果配额不足,可单击“页面扩容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
开发界面下不加载:是否在开发页面时加载资源,请在确认不影响开发页面中的功能后,再打开,以减少开发时的资源加载。 设置后,再次进入项目时,设置才会生效。 单击“检查更新”,检查资源是否有版本更新。 如果有新版本资源,可单击,对资源进行升级,也可以直接单击“升级所有资源”,进行资源升级。 图2 升级资源 单击“开启调序”
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget)是可复用的大屏或移动端页面组成元素,一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对
产品优势 使用AstroCanvas开发可视化大屏页面、移动端页面,具备如下优势。 大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据