检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
入门实践 当您购买了Astro大屏应用实例后,可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍Astro大屏应用常见的搭建实践,帮助您更好的使用Astro大屏应用。 表1 常用最佳实践 实践 描述 使用AstroCanvas开发人员来访统计大屏页面 本实践通过开发一个人员
图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 玫瑰花饼图图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。
在“移动端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字符,只能由数字、字母、汉字及下划线组成,且不能以下划线开头或结尾。 单击新建文件夹后的“...”,可以修改文件夹
图层透明度:设置图层的透明度。 图层样式 颜色设置:设置图层的颜色,单击“新增颜色设置”,可添加新的颜色。 最大值:热力值的最大值,默认为数据中的最大值,也可以自定义设置,会控制热力的最热区域的显示效果。 最小值:热力值的最小值,默认为数据中的最小值,也可以自定义设置,会控制热力的最冷区域的显示效果。
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“新建项目”。 在新建项目页面,选择“大屏&PC端”,输入项目名称,单击“新建”。 项目名称的长度为1~
图的柱子、折线图的线条、拐点等。 图4 里程碑图形 碑节点样式 里程碑样式:设置里程碑的样式,可以使用预置样式,也可以使用图片。 节点样式:选择系统预置的里程碑样式,“里程碑样式”选择“预置”时,才会显示该参数。 选择图片:选择本地上传的图片或连接器中的图片,作为里程碑的样式。“
{widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
系统自动进入业务大屏开发页面,您可以直接使用该大屏应用,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
设置新建变量的参数,单击“确定”。 图1 添加变量 变量:输入新建项目变量的名称,只能由字母、数字组成,且必须以字母开头。 默认值:新建项目变量的默认取值。 变量说明:新建项目变量的说明信息,可以是变量的含义或用途等。 作用域:选择项目变量作用的页面,可以是项目中的所有页面也可以是某一个或多个页面。
在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。 分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上,单击右键选择“解除分组”,即可解除已创建的分组。 父主题: 组件管理
数据。AstroCanvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置
删除组件 组件删除后无法恢复,且会影响相关交互的组件,请谨慎操作。 删除组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“删除”。 图1 删除组件 您也可以在“图层”中,选中一个或多个组件,单击“删除”。
费用账单 您可以在“费用中心 > 账单管理”查看资源的费用账单,以了解该资源在某个时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后,会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中,单击“费用”。 在左侧导航栏中,选择“订单管理
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中,选中一个或多个组件,单击“复制到”。
复制并粘贴组件 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制”,即可完成数据集的复制。 数据集较多时,可直接搜索待复制数据集的名称,也可以按照数据集类型和状态进行筛选。 父主题: 数据集管理
数据,帮助工厂管理者实现生产过程的全面监控与分析,及时发现并解决生产中的问题,提高生产效率和产品质量。 图2 现场作业看板 展示汇报 数据可视化大屏可以用来展示项目进展、业绩指标、预算执行情况等关键数据,帮助会议参与者更直观地理解信息,做出更明智的决策。此外,数据可视化还能使汇报
组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互