检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置
大类（不同的组件展示有所不同，请以实际展示的为准）。 图3 组件配置项面板 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
热门案例 如何基于页面级的全局变量实现组件交互？ 自定义组件时，如何设置交互事件的输出变量？ 如何在数据集或跳转事件动作中设置变量？ 如何通过全局变量，实现组件数据的动态变化？ 如何使用高级表格的后台分页功能？ 如何使用高级表格的后台排序功能？ 如何使用高级表格的后台筛选功能？ 如何设置echarts组件的自定义交互事件
单中，选择“我的资产”。 在左侧导航栏中，选择“我的组件”。 在“所有组件”中，查找到玫瑰花饼图，将鼠标放在组件上，单击，将组件下载到本地。 图1 单击玫瑰花饼图 解压下载的组件包，在“RosePieChart_Widget.editor.js”中查找模型名称。 图2 查找模型名
如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。
视图切换 操作场景 通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno
API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName
置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。 例如，在如何基于页面级的全局变量实现组件交互开发的页面中
项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 发布项目 参考登录华为云Astro大屏应用界面
当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。
项目创建后，支持设置项目封面。项目中创建的第一个大屏页面，为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面
选择素材待添加到的目录，单击“确定”。 支持将素材添加到已有目录，或新的目录中。 在大屏设计页面，使用已上传的图片。 从“全部组件 > 媒体”中，选择“图片”组件拖入画布中。 单击“卡片”图标，在“背景”中，单击“选择图片”，从素材库中选择素材。 图4 选择图片 复制素材到其他工作空间
可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“分享码
在左侧导航栏中，选择“通用”。 设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持icon、png、pjp、jpg、pjpeg、jpe、jpeg和jfif，图片大小不能超过1MB
筛选组件 在图层中，支持按组件名称、组件标题和组件类型进行筛选，帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 在图层中，单击，筛选组件。 图1 筛选组件 父主题： 图层管理
按照上述操作，为课程、年级和期望开设的课程组件分别绑定模型中的字段。 图15 为课程组件绑定模型中的字段 图16 为年级组件绑定模型中的字段 图17 为期望开设的课程组件框绑定模型中的字段 选中课程组件，在“基本属性 > 选项”中，设置课程下拉框的选项。 图18 设置课程下拉框选项 同样，选中年级组件，在“基本属性
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
