检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
在桥接器列表中,可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件
全屏是基础交互组件的一种,能够灵活的在全屏和小屏中进行切换。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“全屏”组件至画布空白区域,如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3
例的基础上使用,不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。在使用AstroCanvas过程中,当页面数达到上限时,可通过购买页面扩容包来增加页面数。 页面扩容 参考购买AstroCanvas实例中操作购买实例,在已购买的实例中单击“操作 > 页面扩容”。
选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。 图1
我的桥接器 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
使用模板新建页面 操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板,通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板:当前账号下
oZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置过程中页面跳转较多,为了简化操作,AstroCanvas支持在组件数据配置过程中,直接创建并使用各种类型的数据源。
默认文字:设置路由页签默认文字的字体、颜色和大小等。 默认样式:设置路由的默认样式,支持设置为颜色和自定义。 悬浮文字:设置鼠标悬浮在路由上时,页签内容的字体、大小和颜色等。 悬浮样式:鼠标悬浮在路由上时,路由显示的样式,支持设置为颜色和自定义。 点击文字:设置单击路由时,页签内容的字体、大小和颜色等。 点击
后缀内容:直接在下拉框中选择。 后缀字体:设置后缀的字体、大小和颜色等。 后缀左间距:设置后缀和指标之间的间距。 图9 后缀左间距 数据 在数据中,设置指标组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置指标组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
视频流 视频流是媒体组件的一种,主要用于对接监控视频流,在可视化应用中主要应用于监控场景需求,对接监控视频展示场景。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频流”组件至画布空白区域,如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“隐藏”,可隐藏该组件。 图1 隐藏组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,隐藏组件。
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图3),默认为0,即铺满整个组件。
数据值和百分比。 标签文字:设置标签的字体、大小和颜色等。 描边:轮播饼图间系列和整体范围的描边样式。 图9 设置描边效果 设置背景:设置为“是”时,可自定义饼图的背景颜色。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名称。
过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。
态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。 背景颜色:设置日期弹出框的背景颜色。 选中态背景颜色:日期弹出框中,选中状态日期的背景颜色。 选中态字体颜色:日期弹出框中,选中状态日期的字体颜色。 前月后月的日期颜色:日期弹出框中,上个月日期和下个月日期的日期颜色。 选择
轴条默认颜色:设置碑节点轴条的默认颜色,数据系列1中无轴条设置选项。 轴条选中颜色:设置碑节点轴条的选中颜色,数据系列1中无轴条设置选项。 显示详情:是否显示详情。 默认详情字体:设置默认详情的字体、颜色和大小等。 选中详情字体:设置选中详情的字体、颜色和大小等。 高亮详情字体:设置高亮详情的字体、颜色和大小等。 显
一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为Astr
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。