检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在配置中,设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数:设置排行榜的行数。 背景色:设置排行榜背景的颜色。 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。 表头设置 显示表头:是否显示表头。 表头行高占比(%):设置表头的行高占比。 背景色:设置表头的背景颜色。
文本”中,拖拽“时间选择器”组件至画布空白区域,如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 时间选择器卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设
js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox
Canvas”,单击“添加授权成员”,进入添加成员页面。 选择前提条件中的IAM用户,单击“确定”,完成授权操作。 在AstroCanvas成员列表中,可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后,即可正常进入AstroCanvas界面,但是会
在大屏设计页面,从“地图”中,拖拽“地图”组件至画布空白区域,如图1。 图1 地图组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 地图卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支
费模式的详细介绍,请参见计费模式。 计费项 AstroCanvas服务的计费项由空间数、页面数、存储容量、加密分享、数据接入、项目管理和图表组件等组成。关于计费项的详细介绍,请参见计费项。 续费 包年/包月AstroCanvas到期后,会影响AstroCanvas正常运行。如果您
选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图5 Astro大屏应用控制台 父主题: 购买AstroCanvas实例
见自定义桥接器。 查看桥接器模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,单击页面右上方的“管理”,进入AstroCanvas管理页面。 在左侧导航栏中,选择“页面资产管理 > 桥接器模板”。 在右侧页面,可以查看到系统预置的桥接器
登录AstroCanvas界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。 分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上,单击右键选择“解除分组”,即可解除已创建的分组。 父主题: 组件管理
图层管理 视图切换 组件图层位置移动 筛选组件
管理页面 管理组件模板 桥接器模板 查看操作日志
节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。
已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。 图1 添加本地页面模板文件 在创建页
配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中,单击对应的模板。
单击应用名,进入概览页面,即可查看到Key值。 AppSecret:ROMA Connect上应用的请求密钥,用于私钥认证,获取方式如下: 登录ROMA Connect实例控制台。 在左侧导航栏中,选择“集成应用”。 单击应用名,进入概览页面。 单击Secret右侧的图标,即可查看Secret值。
Prometheus数据源 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。 父主题: 组件管理
部署。 表1 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持
均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格,请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。 表1 计费项 计费项 计费说明 计费模式 计费公式 * 实例版本 AstroCanvas提供了“Astro大屏应用基础版”、
JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 播放器设置 视频地址:视频的URL地址,仅支持H.264(视频)和