检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。 图1 Iframe布局框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 Iframe布局框卡片 背景 背景色：设置组件卡片的背景颜色。
单击新增时触发 (vm) itemDelCallBack delAssembleType 单击删除时触发 (value) 配置示例 配置后效果，如图1所示。 { type: "list", name: "commProps.rowCusBg", displayMode:
选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。 图1 组件对齐 父主题：
在页面编辑模式下，按照组件分类，查找到对应组件。 您也可以在搜索框中，输入所需的组件（如图1），或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键，将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中 组件添加成功后，会自动展示在画布中。您可以通过拖拽组件
达到最佳显示效果 在页面上方单击，根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中，分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域，布局如图6所示。 图5 拖拽文本编辑组件到画布 图6 组件布局 在页面右上角，根据需要选择所需的主题（本
白区域，如图1。 图1 分割线16-1 页面背景色设置为白色时，分割线组件很难显示出来。使用该组件时，请避免使用白色背景。 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 分割线卡片
基本信息（无身份验证） 图3 基本信息（AK/SK） 图4 基本信息（API Key） 图5 API鉴权 连接器名称：输入新建连接器的名称，长度为1~32个字符，可包括中文、字母、数字及下划线。 类型：选择连接器类型，便于管理连接器。单击“新建类型”，可自定义连接器类型。 上传图标：单击“+”，可设置连接器显示的图标。
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“删除”。 图1 删除组件 您也可以在“图层”中，选中一个或多个组件，单击“删除”。 图2 在图层中删除组件 在弹出的确认框中，单击“确定”。 执行该操作，将会永久删除组件，请谨慎操作。 父主题：
在编辑页面状态下，选中一个或多个组件，单击右键，选择“复制到”，并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中，选中一个或多个组件，单击“复制到”。 图2 在图层中复制组件到其他页面 父主题： 组件管理
交通指数等，效果如图1所示。本入门以使用华为云Astro大屏应用中预置模板构建一个交通管理大屏为例，向您介绍如何在华为云Astro大屏应用中快速构建可视化页面。 图1 交通管理大屏效果 操作流程 在华为云Astro大屏应用中开发大屏页面的流程，如图2所示。 图2 开发大屏页面流程
成可视化应用项目的开发。更多关于组件的介绍，请参见组件介绍。 2 图层 在图层列表中，可以查看到画布中各个组件的图层位置，也可以根据可视化应用需要，手动调整每个组件图层的上下位置关系。更多关于图层的介绍，请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方，通过工具栏提供的
zh_CN: '不淡出其它图形', en_US: 'None' }, value: 'none', }, { label: { zh_CN: '只聚焦当前高亮的数据的图形', en_US:
华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中，将鼠标悬浮在组件上，单击“复制并粘贴”。 图2 在图层中复制并粘贴组件 父主题： 组件管理
在编辑页面状态下，选中组件，单击右键，选择“隐藏”，可隐藏该组件。 图1 隐藏组件 您也可以在“图层”中，将鼠标悬浮在组件上，单击，隐藏组件。 图2 在图层中隐藏组件 图3 隐藏后效果 组件隐藏后，如果需要再次显示组件，请单击“图层”，将鼠标悬浮在已隐藏的组件上，单击显示图标。 父主题： 组件管理
组，用于保存组件配置项的相关字段，包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍，请参见组件数据接入。 组件配置项 配置示例如下，配置后效果如图2所示，组件配置项详细介绍请参见表1。 { migrateFrom:
配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，华为云Astro大屏应用支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下，也可以直接
卡片”。 图1 选择保存为卡片 您也可以在“图层”中，将鼠标悬浮在组件上，单击“保存为卡片”。 图2 在图层中将组件保存为卡片 在卡片设置中，输入卡片的名称，单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一：在编辑页面“我的卡片”中，查看已保存的卡片。 图4 在编辑页面查看保存的卡片
文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台筛选功能。 图2 开启后台筛选 新建全局变量。 后台筛选需要搭配全局变量使用，请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。
自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定义事件”，修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
