检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
m。 在页面中，拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器，单击，进入交互设置页面。 按照下图，设置自定义动作。 自定义组件动作时，通过输入关键词，可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象，然后编写js代码
或自定义桥接器。 预置桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 图1 单击数据 在数据类型中，选择“桥接器预置”，并选中所需的桥接器。 设置桥接器预置数据。 图2 设置桥接器参数 桥接器数
保存成功后，单击，预览效果是否符合预期。 选择下拉框数据为“已派单”、“处理中”或者“已关闭”，发现多区域折线图数据进行实时更新变化，符合预期。 扩展知识 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 父主题： 全局变量
在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。 新建自定义库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。
拖拽组件 在画布区域中，选中一个组件或多个组件（按住Ctrl键可选择多个组件），按住鼠标左键可进行拖拽。 拖拽组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选中一个或多个组件，按住鼠标左键拖拽到对应位置。 图1 拖拽组件 父主题：
点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。
参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量，并设置选项卡名称。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中一个或多个组件，单击右键，选择“复制到”，并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中，选中一个或多个组件，单击右键选择“复制到”。 图2 在图层中复制组件到其他页面
如何设置分享码 华为云Astro大屏应用支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
您也可以将“联合方式”设置为“连接”，通过连接实现数据的汇总，如图8。 左连接：返回左表中的所有行，如果左表中的行在右表中没有匹配的行，则结果中右表中的列返回“null”。 右连接：与左连接相反，返回右表中的所有行，如果右表中的行在左表中没有匹配的行，则结果中左表中的列返回“null”。 内连接：取两个表的交集，两张表都有的才能显示出来。
设置完成后，单击“保存”。 配置下拉选择框交互动作。 选中下拉选择框组件，单击组件上方的，进入组件交互设置页面。 在“作为触发器”中，单击“+ 交互事件”，选择“当选中选项时”。 在“响应动作”中，单击“+ 响应动作”，选择“赋值全局变量”。 在“动作详情”中，选择3中定义的全局变量。 图5 选择全局变量
在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 fields[0].desc 变量的中英文描述，可选配置。 在组件的“global_SelectWidget.js”文件中，注册名称为“sendSelect”的事件。
点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“删除”。 图1 删除组件 您也可以在“图层”中，选中一个或多个组件，单击右键选择“删除”。 图2 在图层中删除组件 在弹出的确认框中，单击“确定”。 执行该操作，将会永久删除组件，请谨慎操作。
数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。
iable），则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中，使用项目变量。 选中页面中的组件，单击组件上方的，在组件数据中使用项目变量。 图3 在组件数据中使用项目变量 选中页面中组件，单击组件上方的，在交互动作中使用项目变量。 图4 在交互动作中使用项目变量
在大屏页面的“全部组件 > 其它”中，找到BarGraph组件，拖入到画布中。 图3 拖拽BarGraph组件到画布中 在画布中选中TabsWidget组件，单击组件上方的。 在作为触发器中，单击“+ 交互事件”，选择“点击系列”。 在响应动作中，单击“+ 响应动作”，选择“赋值全局变量”。
变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图4 拖拽字段到坐标轴 表格字段：展示创建HTTP连接器数据集中，获取的数据。 配置：从表格
达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图6 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。
组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
