检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示
按照上述操作,为课程、年级和期望开设的课程组件分别绑定模型中的字段。 图15 为课程组件绑定模型中的字段 图16 为年级组件绑定模型中的字段 图17 为期望开设的课程组件框绑定模型中的字段 选中课程组件,在“基本属性 > 选项”中,设置课程下拉框的选项。 图18 设置课程下拉框选项 同样,选中年级组件,在“基本属性
击查找到的结果,进入AstroZero服务控制台。 在主页中,单击“进入首页”,进入AstroZero应用开发页面。 单击主页中的“业务大屏”,或者左侧导航栏中的“业务大屏”,进入业务大屏界面。 图1 单击业务大屏 单击待导出项目上的,进入项目发布页面。 将鼠标放在对应的版本上,单击。
操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录AstroCanv
在数据类型中,选择“桥接器预置”,并选中所需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数据类型:桥接器的数据源类型,支持“静态数据”和自定义接口“AstroZero API”。 URL:配置为自定义接口的URL。如何查看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero
新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集 支持从指定的schema中,选择数据表。如果不指定schema,默认从public类型的数据库表中获取数据。 select * from pg_catalog
组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注
责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。 查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1
Profile)的用户。 客户端密码:调用AstroZero的接口前,需要配置“客户端模式”OAuth鉴权的客户端鉴权密钥,获取方法请参考客户端模式接入认证。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 父主题:
如何进行设置页面 在大屏页面中,可以对页面进行一些基础的配置,例如屏幕大小、背景颜色及背景图片等效果的设置。 屏幕大小 页面的屏幕大小,可以使用默认的屏幕大小,也可以自定义页面的大小,以适配大屏尺寸,推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小
己覆写getMockData函数,实现获取模拟数据的逻辑即可。当“启用模拟数据”开关打开时,mockData属性会记录启用了模拟数据,getMockData函数将界面实际配置的桥接器数据覆盖,从而使用模拟数据替换界面桥接器配置的后台接口。当调测结束时,须关闭“启用模拟数据”。 桥
数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表
如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。
默认背景色:处于默认状态下的背景色。 悬浮文字颜色:鼠标悬浮在按钮上时,按钮显示文字的颜色。 悬浮背景色:鼠标悬浮在按钮上时,按钮的背景色。 选中文字颜色:选中当前按钮时,按钮显示文字的颜色。 选中背景色:选中当前按钮时,按钮的背景色。 圆角:按钮边框的圆角,四个角弧度取值范围为0~500,单位px。
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
持对接页面级的数据集,以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况,可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面,支持配置页面屏幕大小、适应方式、背景颜色或背景图片等,更多介绍请参见如何进行设置页面。 图2 页面设置
在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选择场景”,可以在“场景”中新建场景或选择已有场景,也可以从“案例库”中选择场景。
自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 导航
图标图片的数量,会将标签值从最小值到最大值的范围进行均分,落在不同范围的值,将显示对应的图标。“显示类型”设置为“区间显示”时,可设置不同的区间,当标签值落在对应的区间内,显示对应的图标,区域范围外的图标将不显示。 图片宽度:设置图片的宽度。 图片高度:设置图片的高度。 上下偏移:设置图标根据点经纬度的上下偏移。