检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“AstroZero”，配置数据源参数。 图1 数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置选项卡基础样式和选项卡设置。 图4 配置 基础样式设置 标签圆角：设置标签圆角的大小，“0”为直角。 图5 标签圆角 标签间距：设置标签之间的距离，默认为“0”。
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“HTTP连接器”，配置数据源参数。 图1 新建HTTP连接器数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“关系型数据库”，配置数据源参数。 图1 新建关系型数据库数据源 数据源名称：新建数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
节点样式：选择系统预置的里程碑样式，“里程碑样式”选择“预置”时，才会显示该参数。 选择图片：选择本地上传的图片或连接器中的图片，作为里程碑的样式。“里程碑样式”选择“图片”时，才会显示该参数。 图片宽度：设置所选择图片的宽度。“里程碑样式”选择“图片”时，才会显示该参数。 图片高度：设置所选择图片的高度。“里程
vas环境的项目列表中，通过单击“导入项目包”进行安装使用，实现将环境A迁移项目到环境B。 OneMobile：使用该运行容器下载的项目包，可在华为OneMobile上安装运行。选择此方式时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“Prometheus”，配置数据源参数。 图1 新建Prometheus数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
板，请根据实际业务场景进行选择。 配置 在配置中，设置下拉选择框和下拉弹出框。 图4 配置 下拉选择框设置 开启多选：是否开启多选。 默认选择：下拉框默认的选择项，单击“新增默认选项”，可新增多个选项。“开启多选”设置为“开启”时，才会显示该参数。 默认选择项：下拉框默认的选择项
渐变类型”设置为“线性渐变”时，才需要设置此参数。 颜色1：自定义渐变颜色1。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 颜色2：自定义渐变颜色2。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 CSS background属性：通过C
s界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“DWS”，配置数据源参数。 图1 新建DWS数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
数据源：选择DLI数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 标签：SQL作业的标签。单击“标签”后的“展开”，
组件对齐 操作场景 选中多个组件后，单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式，以及水平和垂直的自动分布方式。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在页面编辑模式下，选择所需的组件，单击下图红框中图标，进行组件对齐。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。
数据集 操作场景 选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“数据集”。
从本地导入已创建的项目包，实现离线迁移、部署项目。 导入项目后，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击“当前页面使用的数据”，重新配置。 操作步骤 参考登录AstroCanv
地图样式：在下拉框中选择地图的样式，如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中，设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的
半。 左Y轴：设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴：设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔：坐标轴最小间隔大小。“边界”选择“自定义”时设置该参数。 左Y轴单位：设置左侧Y轴的单位。 右Y轴单位：设置右侧Y轴的单位。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
