检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
静态数据 操作场景 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。
支持从指定的schema中,选择数据表。如果不指定schema,默认从public类型的数据库表中获取数据。 select * from pg_catalog."pg_index" 其中,“pg_catalog”为指定的schema,“pg_index”为数据库中的表。 自定义SQL语句时,通过输入 “ $”,可进
词云 词云是文本组件的一种,通过对词频的统计及对应词语字体大小样式,来展现词语出现次数。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“词云”组件至画布空白区域,如图1。 图1 词云 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
再单击“删除选中行”。如果需要清除所有内容,可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上,单击,可对该列进行编辑、删除、复制、左侧插入列和右侧插入列。 图3 编辑该列 导入Excel或CSV 单击“新增静态数据”,将本地的Excel或CSV文件(文件大小不能超过
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
数据集 操作场景 选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。
操作类型:当前操作的类型,如新增、更新等。 组件ID:资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称:组件的存放目录。 场景:该组件包的应用场景。勾选后,在相应类型页面开发中,才可使用该组件。 版本说明:组件的描述信息。 在大屏页面中拖入该组件,预览组件效果。 进入AstroC
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多5个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
我的订单”,进入“我的订单”页面。 在我的订单中,在图1中所示位置单击鼠标左键,复制订单号。 图1 复制订单号 选择“账单管理 > 流水和明细账单 > 明细账单”,在筛选条件中选择“订单号/交易号”,并输入4中复制的订单号,单击图标即可搜索该资源的账单。 图2 查看账单明细
桥接器预置 操作场景 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型
组件配置项(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 父主题: 代码结构介绍
限期,宽限期到期后仍未续费,资源状态变为“已冻结”。 超过宽限期仍未续费将进入保留期,如果保留期内仍未续费,所有功能将会进入停用状态。 华为云根据客户等级定义了不同客户的宽限期和保留期时长。 在AstroCanvas到期前均可开通自动续费,到期前7日凌晨3:00首次尝试自动续费,
创建分组 操作场景 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,
件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库中操作,新建关系型数据库数据集(新建变量value)。 图2 新建关系型数据库数据集 新建全局变量。 参考使用空白画布新建页面中操作,新建大屏空白页面。
function filter(dataset) {}:转换器的数据处理代码。例如,输入如下示例,表示获取待处理数据中“result”中子对象“result”的数据。 return dataset.result.result 测试数据:转换器处理的验证输入数据,支持手工输入和使用
入门实践 当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
行转换处理。 单击“保存”,完成Prometheus数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面,拖拽所需组件(如多折线图)到画布中。 图4 拖拽多折线图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”