如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
我的桥接器 在我的桥接器中，管理系统预置的和自定义的桥接器，如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义桥接器为例。 新建桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
conf” 文件的“http”中增加如下代码。在实际配置时，请将代码中的canvas、{私有化部署的IP}、{私有化部署的端口}、{Nginx对应的IP}和{对应的端口}替换为对应的字段。 完成私有化部署根目录配置后，原1中的访问地址需要更改为“http://{Nginx对应的IP}:{对应的端口}/canvas”。
热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？ 如何使用高级表格的后台筛选功能？ 如何设置echarts组件的自定义交互事件
队列名称：DLI服务中的队列名称。队列即为计算资源，计算资源是使用DLI服务的基础，用户执行的一切作业都需要使用计算资源。 登录DLI管理控制台。 在左侧导航栏中，选择“资源管理 > 队列管理”。 查看队列名称，如果没有队列，请创建新的队列。 描述：新建数据源的描述信息。 单击“
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
MintUI库文件结构 packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目中，单击，选择本地的页面模板文件，单击“打开”。 图1 添加本地页面模板文件 在创建页面对话框中，输入页面标题，单击“新建”。 系统自动进入业务大屏开发页面，您可以直接使用该大屏应用，也可以根据自身业务的需求进行二次开发。 单击页面上方的，保存页面。
根据业务需求，设置自定义桥接器中的数据连接逻辑，并将该目录中的所有文件和文件夹打成zip包。 将开发好的自定义桥接器zip包上传到华为云Astro大屏应用中。 在我的资产中，单击左侧导航栏的“我的桥接器”。 单击“添加新桥接器”，在“上传源文件”中，选择本地打包好的自定义桥接器包。 设置发行说明后，单击“提交”。
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。 支持将素材添加到已有目录，或新的目录中。 在大屏设计页面，使用已上传的图片。 从“全部组件
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
根据业务需求自定义静态数据，也可直接使用系统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。
责任人：数据集的创建者。 描述：数据集的描述信息，通常设置为数据集的功能。 配置数据集，单击“保存”。 图4 设置getWarnDetailByStatus数据集 应用：选择调用自定义接口所属的应用，本示例选择华为云Astro轻应用中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为
我的组件 在我的组件中，管理系统预置的和自定义组件，如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义组件为例。 请购买“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。
ctWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中，新增eventConfig配置。 eventConfig其实是一个对象，里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。 eventConfig:
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
能通过API的形式进行调用。 服务编排：定义URL调用的接口类型是服务编排。 脚本：定义URL调用的接口类型是脚本。 对象：定义URL是操作对象数据，包括对象数据的增删改查。 对象 资源 根据类型选择需要绑定的资源，如脚本，服务编排或操作的对象名称。 选择8中创建的对象 对象操作
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
您即将访问非华为云网站，请注意账号财产安全
