检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
约束与限制 华为云Astro大屏应用实例 表1 华为云Astro大屏应用实例规格约束与限制 限制项 约束与限制 实例版本 华为云Astro大屏应用目前支持的实例版本有:华为云Astro大屏应用基础版、华为云Astro大屏应用专业版和华为云Astro大屏应用企业版。 华为云Astro大
登录华为云Astro大屏应用界面 在华为云Astro轻应用中,您可以通过多种方式登录华为云Astro大屏应用。在使用华为云Astro大屏应用时,请结合实际情况,选择对应的方式登录华为云Astro大屏应用界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买华为云As
数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现数据会随着全局变量值变化而变化。 图1 告警监控页面 步骤1 新建数据集 参考华为云Astro轻应用数据源中操作,新建数据源。 图2 新建华为云Astro轻应用数据源
实例版本 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,请按需购买。 华为云Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 华为云Astro大屏应
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
组件介绍 组件入门 图表 媒体 文本 地图 装饰 仪表盘 其它 导航 ECharts图表 3D场景编辑器
其它 Iframe布局框 全屏 步骤条 按钮 父主题: 组件介绍
导航 选项卡 路由导航(示例) 路由视图 父主题: 组件介绍
管理页面 管理组件模板 桥接器模板 查看操作日志
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
资产管理 我的卡片 我的素材 我的组件 我的库 我的模板 我的桥接器
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
购买华为云Astro大屏应用实例 购买华为云Astro大屏应用实例 购买扩容包增加页面数 授权IAM用户使用华为云Astro大屏应用 登录华为云Astro大屏应用界面
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
前提条件 连接的数据源已创建,如何创建请参见Prometheus数据源。 创建Prometheus数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。