检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
转换器管理 新建转换器 删除转换器 关注转换器 父主题: 数据中心
数据集管理 (可选)新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 AstroZero API数据集 AstroZero数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集
连接器管理 新建连接器 复制连接器 删除连接器 父主题: 数据中心
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 组件模板”。 在“全局”页签中,单击对应的组件模板。 在
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
续费 续费概述 手动续费 自动续费
图解Astro大屏应用
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态,欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCan
字体:设置输入框中文字的字体、大小和颜色等。 背景颜色:设置输入框的背景颜色。 边框颜色:设置输入框边框的颜色。 边框聚焦颜色:当鼠标单击或键盘操作将焦点置于时间选择器组件上时,边框所呈现的颜色。 边框悬浮颜色:当鼠标指针悬停在时间选择器组件上时,组件边框所呈现的颜色。 分隔符:开始时间和结束时间之间的分隔符。
图3 拖拽BarGraph组件到画布中 在画布中选中TabsWidget组件,单击组件上方的。 在作为触发器中,单击“+ 交互事件”,选择“点击系列”。 在响应动作中,单击“+ 响应动作”,选择“赋值全局变量”。 在动作详情中,单击“赋值到变量”后的,选择“新建全局变量”。 图4 选择新建全局变量
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状
标记图形:设置标记的图形,支持无、圆形、矩形和圆角矩形。 标记大小:设置标记的大小。 折线拐点标志颜色:设置折线拐点的标志颜色。 折线宽度:设置折线宽度。 折线类型:设置折线类型,支持实线、点线和虚线。 折线不透明度:设置折线的不透明度。 折线颜色:设置折线颜色。 区域填充不透明度:设置区域填充的不透明度。
rtType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。
后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。
从数据输入中拖拽数据输入节点到右侧画布中,数据集选择已创建的“多数据流1”。 图4 添加一个数据输入节点 图5 添加多数据流1后效果 再从数据输入中,拖拽一个数据输入节点到右侧画布中,数据集选择已创建的“多数据流2”。 图6 再添加一个数据输入节点 选中转换器,“联合方式”选择“转换器”,并新增一个转换器。
组件事件配置项,定义组件事件结构及说明,给全局变量映射使用 eventConfig: { clickSeries: { desc: { zh_CN: "点击系列", en_US: "Click Series" }, fields: [ { name:
查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1, 10000]。假设,查询周期设置为过去的3小时,最大采样点数设置为100,则每108秒(3小时*60分*60秒/100)返回1个数据点。 图3 查询过去三小时的数据 最小时间间隔:每个数据点之间最小的时间间隔,取值范围为[1