检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
视频 视频是媒体组件的一种，用于播放MP4、OGG、MOV、WEBM格式的视频。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频”组件至画布空白区域，如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可以理解为组件由卡片中基础元素（卡片背景、特效、卡片边框）和视频元素构成。
视频流 视频流是媒体组件的一种，主要用于对接监控视频流，在可视化应用中主要应用于监控场景需求，对接监控视频展示场景。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“视频流”组件至画布空白区域，如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构，可
化处理。 转换器：选择转换器，用于对数据进行转换处理。 数据预览：单击“数据预览”，在右侧可直观展示经过转换器处理后的样例报文。 在左侧流程图中单击“+”，可根据需要添加其他节点，如过滤、排序、限制行数等。 设置完成后，单击“保存”。 父主题： 数据接入
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。华为云Astro大屏应用在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新
多介绍，请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思，划分基本布局，并拖拽对应的组件到画布中。如何添加组件到画布中，请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互动作、根据UI设计设置组件的样式、颜色等。支持预览页面、查看整体效果，按需调整，优化布局细节。
在标准页面底部，单击“模型视图”，从设计视图切换到模型视图。 单击“新增模型”，输入模型名称（如问卷）、“来源”选择“对象”，单击“下一步”。 选择8中创建的对象和添加的字段，单击“下一步”。 图10 选择对象和字段 直接单击“确定”，完成模型创建。 返回设计视图页面关联模型，组件与模型
位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作，创建所需的页面。 在设计页面，选中待移动的组件。 单击右键，选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 图1 在画布中移动组件图层 在图层中移动
、基础组件，可快速开发专业水准的大屏。 华为云Astro大屏应用专业版：除了具备基础版本的能力，还提供了高阶组件、自定义组件能力，高度还原设计稿大屏。 华为云Astro大屏应用企业版：适用于3D场景开发，支持私有化部署。 表1 华为云Astro大屏应用套餐规格清单 版本类型 基础版
用户统一体验：大中小屏应用支持卡片化构建，遵循统一前端设计规范，提供给用户统一体验。 多屏无缝协同：针对多屏之间协同的场景，提供预置卡片，与后台统一服务关联，提供无缝协同的用户体验。 抽象行业公共能力：联合行业场景，抽象公共能力（卡片+模板）。 私有云部署能力：设计运行一体，支持私有云部署。
在页面版本的操作列中，您还可以执行如下操作： ：预览该版本页面。 ：编辑该版本页面。 ：删除该版本页面。当前版本页面设置为发布页后，不支持删除。 关闭页面发布设置，返回设计页面，拖入其他组件，如折线图组件，保存页面。 图4 拖入其他组件 单击页面上方的，单击“+新建版本”，会生成第二个版本。 生成的第二个版本
单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。 支持将素材添加到已有目录，或新的目录中。 在大屏设计页面，使用已上传的图片。 从“全部组件 > 媒体”中，选择“图片”组件拖入画布中。 单击“卡片”图标，在“背景”中，单击“选择图片”，从素材库中选择素材。
b.find((i => i["学号"] === item["学号"])), })) 转换器保存成功后，单击页面右上角的“保存”，返回设计界面。 在页面数据集页签中，可查看到已创建的数据集。单击图标，可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件
件，单击组件上方的，可配置组件在页面呈现数据的来源，更多介绍请参见数据接入。 图4 配置组件数据 组件交互 华为云Astro大屏应用为组件设计了事件-动作机制实现组件与组件、组件与页面之间的交互，更多介绍请参见交互设置。 图5 组件交互 组件的主题色 通过设置主题，可一键改变装饰
、基础组件，可快速开发专业水准的大屏。 华为云Astro大屏应用专业版：除了具备基础版本的能力，还提供了高阶组件、自定义组件能力，高度还原设计稿大屏。 华为云Astro大屏应用企业版：适用于3D场景开发，支持私有化部署。 变更实例 表2 变更实例约束与限制 限制项 约束与限制 变更华为云Astro大屏应用实例规格
华为云Astro大屏应用基础版：基于平台预置模板、基础组件，快速开发专业水准大屏。 华为云Astro大屏应用专业版：基于平台高阶组件、自定义组件能力，高度还原设计稿大屏。 华为云Astro大屏应用企业版：适用于3D场景开发。 各套餐详细介绍，请参见计费模式。 包年/包月 套餐版本单价 * 购买时长（以月/年计算）
华为云Astro大屏应用基础版：基于平台预置模板、基础组件，快速开发专业水准大屏。 华为云Astro大屏应用专业版：基于平台高阶组件、自定义组件能力，高度还原设计稿大屏。 华为云Astro大屏应用企业版：适用于3D场景开发。 表1 适用计费项 计费项 计费说明 实例版本 华为云Astro大屏应用提供
隐藏组件 通过组件隐藏功能，可以隐藏多个已部署完成的组件，使得组件过多的可视化页面变得更加清晰，操作更加流程，从而提高可视化页面的开发效率。 组件隐藏后，在开发态和预览页面时，都会隐藏该组件。 隐藏组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
在大屏页面中拖入该组件，预览组件效果。 进入华为云Astro大屏应用界面，从大屏开发页面的“全部组件 > 自定义组件 > 其它”中，拖入widgetdemomintui组件到设计区域，调整组件大小，单击，预览效果。 图4 拖入自定义组件 复制自定义库到其他工作空间 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
使用华为云Astro大屏应用预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态，如进出城车辆、路况信息和交通指数等，效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例，向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
