检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
新建ROMA连接器数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“Roma连接器”,配置数据源参数。
图1 转换器添加顺序 后台排序 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 新建后台排序转换器。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”,单击“新建转换器”。 输入转换器名称和分类,单击“确定”。
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。
复制数据集到其它工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制到工作空间”。
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。
新建关系型数据库数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“关系型数据库”,配置数据源参数。
本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。
在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。
组件响应动作实现 组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作
华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。
创建关系型数据库数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
三角形水位图 三角形水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“三角形水位图”组件至画布空白区域,如图1。 图1 三角形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(
上传自定义组件 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”,进入我的资产页面。 在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数,组件自己实现继承,使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口,组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值,用于查看与
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value