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