检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？ 如何使用高级表格的后台筛选功能？ 如何设置echarts组件的自定义交互事件
健康检查设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。
界面。 在主菜单中，选中“我的资产”。 在左侧导航栏中，选择“我的库”，单击“添加库”。 单击“+”，选择待上传的库，并设置库的基本信息。 图2 上传MintUI自定义库 库名字：库的名称。 操作类型：当前操作的类型，如新增、更新等。 库ID：上传库的ID，由字母及数字组成，且必须以字母开头。
我的桥接器 在我的桥接器中，管理系统预置的和自定义的桥接器，如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义桥接器为例。 新建桥接器 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。 支持将素材添加到已有目录，或新的目录中。 在大屏设计页面，使用已上传的图片。 从“全部组件
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。 将鼠标放在对应的组件上，单击，即可查看组件的历史版本。 在历史版本中，单击对应版本后的，可下载组件。 如果为自定义组件，还支持在线编辑对应版本的组件。 图14 查看库的历史版本 下载组件 参考登录华为云Astro大屏应用界
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
conf” 文件的“http”中增加如下代码。在实际配置时，请将代码中的canvas、{私有化部署的IP}、{私有化部署的端口}、{Nginx对应的IP}和{对应的端口}替换为对应的字段。 完成私有化部署根目录配置后，原1中的访问地址需要更改为“http://{Nginx对应的IP}:{对应的端口}/canvas”。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，华为云Astro大屏应用支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。 设置完成后，单击“保存”。 选择地图组件，单击组件上方的，显示热力图层，数据标题设
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。
us数据集 数据集名称：数据集的名称，用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接：选择1中创建的数据源。 目录：设置数据集的存放目录。 责任人：数据集的创建者。 描述：数据集的描述信息，通常设置为数据集的功能。 配置数据集，单击“保存”。
单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。 单击主页中的“业务大屏”，或者左侧导航栏中的“业务大屏”，进入业务大屏界面。 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图1 单击下载图标
需要的调查资料。 本实践创建一个调查问卷，用于统计学生喜欢的课程，并使用华为云Astro大屏应用将问卷结果进行汇总展示。 操作流程 将华为云Astro轻应用中的应用数据，展示在华为云Astro大屏应用的大屏页面中的操作流程，如图1所示。 图1 将应用中的数据呈现在大屏页面中的操作流程
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
视图切换 操作场景 通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 当
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
