检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
FLV视频播放 FLV视频播放是媒体组件的一种,用于播放FLV(Flash Video)格式的视频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“FLV视频播放”组件至画布空白区域,如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI
业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用 多种数据接入能力,在大屏资产中心里,可保存多种卡片,快速进行业务调整,随心所选 、高效复用。 同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。
您也可以单击待升级插件后的,对组件进行升级。 图1 升级组件 单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
视频流 视频流是媒体组件的一种,主要用于对接监控视频流,在可视化应用中主要应用于监控场景需求,对接监控视频展示场景。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频流”组件至画布空白区域,如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
Prometheus数据源 操作场景 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 操作步骤 参考登录A
分享码必须符合如下五个条件。 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~!@#$%^&*()_=+\|[]{};:'",<.>/?-) :单击该图标,可查看设置的分享码。
访问项目 操作场景 访问已发布项目版本的第一个页面。访问前,请先新建项目版本并发布该项目版本。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如
满月饼图 满月饼图是饼图组件的一种,由基本饼图变换而来,用于某些特殊样式场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
日历组件 日历组件是文本组件的一种,用于展示日历,用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片
时展示。 参考模板:系统预置的组件样式模板。 背景颜色 显示背景颜色:显示或隐藏背景颜色。 颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。 渐变类型:设置渐变的类型,如线性渐变、径向渐变和自定义输入。
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
表格字段:展示创建数据集中,录入的静态数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期:每隔多少秒获取一次静态数据,默认配置为“0”,表示只获取一次静态数据。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的静态数据请求,不会各自只调用,而是共享结果数据。
在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 图3 设置自定义动作
视频 视频是媒体组件的一种,用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频”组件至画布空白区域,如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可以理解为组件由卡片中基础元素(卡片背景、特效、卡片边框)和视频元素构成。
指标 指标是一种文本组件,用于在可视化页面中显示指标数据。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 将鼠标放到对应的组件上,单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。
接入数据最大值时,图表Y轴起始值为最大值一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。