检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 06 API 弹性云服务器(Elastic Cloud Server)是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 API文档 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群
可新增动作。在动作实现中,编写触发动作的执行逻辑。入参的echartsInst可以使用echarts的API,widgetInst可以使用AstroCanvas组件通用的API。单击“新增参数”,可以定义触发动作时入参字段。如何为自定义动作添加交互,请参见echarts组件自定义动作交互设置。
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription": "Echarts组件模板"
某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“
tus数据集 应用:选择调用自定义接口所属的应用,本示例选择华为云Astro轻应用中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例,在实际使用时,选择华为云Astro轻应用中已安装的一个应用即可。 API接口:API接口的URL,本示例选择“getWarnDetailByStatus”接口。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,获取锁。 锁定组件后,将鼠标放在待删除的组件上,单击。 图17 删除组件 在弹出的提示框中,单击“确定”。 组件删除后不可恢复,请谨慎操作。 修改组件名称 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
messages-zh/messages-en.json 组件的国际化资源文件,用于配置多语言(本例模板中未体现)。 表3 组件名.js中预置API说明 分类 API及说明 组件实例预置API init方法:主要包含组件渲染需要初始化数据的入口函数。 render方法:负责整个组件渲染的业务逻辑方法。 ge
将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}
需要配合安全密钥一起使用。如何使用安全密钥,请参见JS API 安全密钥使用。 地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时,才显示该配置。
在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。 echartsInst.dispatchAction({ type: 'highlight', dataIndex:
在项目列表中,单击“导入项目包”。 选择2中下载的可视化应用本地部署包(AstroCanvas_项目名_随机编码.zip)。 在项目列表中,可查看到项目已成功导入。 图17 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后,如果应用包中包含关系型数据库、Prometheus和
"16", "y": 77, "s": "入园人数" }, { "x": "17", "y": 60, "s": "入园人数" }, { "x": "18"
图16 在前台对表格中数据进行排序 前台筛选:是否开启前台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。 图17 在前台对表格中数据进行筛选 列宽占比(%):设置对应系列在图表中的占比。 表头对齐方式:设置表头的对齐方式,如居中、左对齐等。 表头背景色:设置表头的背景颜色。
华为云Astro轻应用数据源 通过调用当前环境华为云Astro轻应用接口或其他环境华为云Astro轻应用接口,返回的数据作为数据源。 新建华为云Astro轻应用数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
进行排序。 图16 开启后台排序 后台筛选:是否开启后台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。 图17 开启后台筛选 列宽占比(%):设置对应系列在图表中的占比。 表头对齐方式:设置表头的对齐方式,如居中、左对齐等。 表头背景色:设置表头的背景颜色。
使用华为云Astro大屏应用预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态,如进出城车辆、路况信息和交通指数等,效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例,向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。
服务地址:返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中,支持包含变量,例如“https:example.{region}.com”。地址中的变量,在使用数据源时,支持修改,如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式:设置接口的鉴权方式,支持无身份认证和基本身份认证(用户名/密码)两种。
在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来
长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 HTTP连接器:选择前提条件中已创建的HTTP连接器。 接口鉴权方式:自动关联已创建连接器的鉴权方式。 描述:新建数据源的描述信息。 设置完成后,单击“保存”。 父主题: 数据源管理
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,