检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
配置过程中页面跳转较多，为了简化操作，华为云Astro大屏应用支持在组件数据配置过程中，直接创建并使用各种类型的数据源。 新建数据源的参数说明和在数据中心中配置的数据源参数含义相同，本章节以华为云Astro轻应用API为例进行说明。 其他数据源 参考登录华为云Astro大屏应用
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置项，定义组件事件结构及说明，给全局变量映射使用
为0，即铺满整个组件。 配置 在配置中，设置组件是否显示标题、图例等。 图4 基本漏斗图配置 漏斗图设置 显示标题：是否显示组件标题。打开该开关后，可设置标题颜色、标题内容、标题位置。 背景颜色：设置组件的背景颜色。 显示图例：是否显示图例。打开该开关后，可设置图例位置。 轮播：是否开启轮播效果。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，对下拉选择框和下拉弹出框进行设置。 图4 下拉选择框配置 下拉选择框设置 开启多选：开启后，支持自定义默认选项。 默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。
染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据集”，可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集 在弹出的提示页面，如果单击“确定”，可将当前组件的“数据类型”修改为静态数据保存后的数据集。 图5 将组件数据替换为数据集 父主题：
是否循环播放：是否循环播放视频。 是否自动播放：打开页面后是否自动播放视频。 是否静音：播放视频时是否静音。静音后，在播放视频时无法调整音量。 数据 在数据中，设置FLV视频播放组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
复制并粘贴组件 通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。
组件是大屏应用页面的组成元素，配置页面数据即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。
整个组件。 图表背景：设置图表的背景颜色。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 配置 在配置中，设置组件模板和组件标题。 图4 雷达图配置 选择模板：选择雷达图模板，支持多组单数据模板和单组多数据模板。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。
高级表格图形 统一配置 图标选中色：设置选中后台排序、后台筛选时，图标的显示颜色。 图9 选中后图标颜色 列自适应：开启后，表格中的列会根据内容自适应。 固定列：设置首列和尾列的样式。当开启“列自适应”后，不支持设置固定列样式。 后台排序：是否开启后台排序功能。开启后，在预览表格时会
我的库”中上传。上传成功后，回到项目设置页面。在“项目设置 > 资源”中，新建资源，选择刚上传的D3库，并保存项目设置。 成功引入D3库后，将demo提供的代码粘贴到echarts组件实例化代码块，即可看到渲染效果。 图10 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
选中实心圆饼图，单击。 “数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击，再单击。 在预览页面，单击折线图
参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，配置散点图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置散点图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
选择“Roma连接器”，配置数据源参数。 图1 新建Roma连接器数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 APIC服务地址：ROMA Connect服务集成APIC的网关地址，配置该值后，可实现调用ROMA
组件对齐 选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 组件对齐 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。
参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，配置气泡图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置气泡图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
数据集 选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“数据集”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
