检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐：设置指标的对齐方式，如左对齐、居中和右对齐。 数值：指标是否显示数值，设置为“显示”时，可设置如下属性。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型：地图第三方服务商，如天地图、高德地图和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。
展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置分割线的颜色。 图4 分割线配置 交互 在交互中，配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置图标的颜色。 图4 图标配置 交互 在交互中，配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，进行自定义属性设置。 图4 全屏配置 全屏图片链接：要切全屏时图片的链接。 展开图片链接：展开时图片的链接。 内边距：图片和组件边框之间的内边距，单位为px。 交互 在交互中，配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
认为0，即铺满整个组件。 标题：是否显示组件标题。设置为显示时，支持设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。
图2），默认为0，即铺满整个组件。 配置 在配置中，设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。
转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。
上传自定义组件 将自定义组件上传到AstroCanvas中，并在页面中使用。 上传自定义组件 参考登录华为云Astro大屏应用界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。
数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 ROMA连接器配置示例 API接口：API请求路径。 请求类型：请求的类型，如GET、POST。
即铺满整个组件。 标题：是否显示标题。打开该开关后，可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。
页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置翻牌器组件的样式和动画。 图4 翻牌器配置 样式设置 字体：设置翻牌器字体、大小和颜色等。 数字背景：翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时，不支持隐藏背景。
标题行高度：设置标题的行高，单位px。 背景色：设置标题背景的颜色。 文本位置：设置标题文本位置。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。 自动轮播：是否开启自动轮播功
展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 背景图配置 交互 在交互中，配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的样式、颜色和对齐方式。 图4 复选框配置 样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 日历组件配置 当月默认状态/选中状态/前月和下月状态/数据系列4...... 对应的状态码，系统默认有如下几个状态，每个状态有对应的状态码来标识。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
