检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
系统自动进入业务大屏开发页面,您可以直接使用该大屏应用,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
数据。AstroCanvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置
在配置中,设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 轮播设置 音频 > 音频地址:输入音频的存放地址,仅支持MP3、OGG和WAV格式的音频。 播放 自动播放:开启后,在预览页面或发布后的页面中,会自动播放音频内容。 循环播放:开启后,在预览页面或发布后的页面中,视频播放完成后会再次从头开始播放。
标题:是否显示标题。打开该开关后,可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
操作场景 普罗米修斯(Prometheus)是一个开源系统监控和告警工具包,主要用于收集和存储时间序列数据,并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源,将普罗中的数据作为组件的数据展示。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
AstroCanvas根据您选择的实例版本、页面扩容包和购买时长进行计费。AstroCanvas提供了三种不同的套餐版本,均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格,请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。 表1 计费项
对于包年/包月计费模式的资源,用户在购买时会一次性付费,服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源,您可以执行退订操作,系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则,请参见云服务退订规则概览。 如果
数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA Connect的服务API。 服务集成APIC(API
文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif,图片大小不能超过1MB,建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件:勾选后,预览或打开页面时,将先加载显示的组件,再加载隐藏的组件。 父主题: 项目管理
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板:当前账号下发布的模板,如何将当前页面发布为模板,请参见发布为模板。
roCanvas服务控制台。 在首页中,单击页面右上角的“Astro 低代码平台”,进入Astro低代码平台。 在左侧导航栏中,选择“组织管理”。 在“角色与权限 > Astro Canvas”中,选中新建工作空间中创建的工作空间。 在工作空间目录下,选择对应的角色(如开发者),单击“新增成员”。
智慧决策,提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域,数据可视化大屏可以展示生产线实时运行状态、设备故障警报、生产效率等数据,帮助工厂管理者实现生产过程的全面监控与分析,及时发现并解决生产中的问题,提高生产效率和产品质量。 图2 现场作业看板
填充颜色:设置标签数据所处区间的对应颜色。均分显示时,区域数据从小到大,对应图层颜色由浅到深。区间显示时,区域图层颜色取决于其数据所处区间对应颜色。 数值字体:设置标签数值的字体、颜色和大小等。 数值后缀:设置标签数值的后缀,如%。 内容字体:设置标签内容的字体、颜色和大小等。 内容背景颜色:设置标签内容的背景颜色。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置折线的宽度。 拐点尺寸:设置折线的拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'