检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水位图图形 颜色：设置图表中，图形的颜色。 统一配置 是否展现：是否展示水位图开关。 横坐标(%)：水位图整体在组件位置中的横坐标百分比。 纵坐标(%)：水位图整体在组件位置中的纵坐标百分比。
Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n.json：组件的国际化资源文件，用于配置多语言。例如，messages-zh.json为中文，messages-en.json为英文。 packageinfo.json：组件的元数据描述文件。
边距：组件中视频流距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频流组件的视频流地址、视频流类型等。视频流组件中，配置项的配置高于数据配置。 图4 视频流配置 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的
示。 边距：组件中视频距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址：视频的URL地址，视频支持格式有MP4、OGG、MOV和WEBM。 封面：选择图片，
标题显示：是否显示标题。 标题内容：设置标题内容，如完成率。 标题字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示：是否显示数字。 数字位置：设置数字的显示位置，如左、居中或右。 数字字体：设置数字的字体、大小和颜色等。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐：设置指标的对齐方式，如左对齐、居中和右对齐。 数值：指标是否显示数值，设置为“显示”时，可设置如下属性。
展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置分割线的颜色。 图4 分割线配置 交互 在交互中，配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置图标的颜色。 图4 图标配置 交互 在交互中，配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 装饰
图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，进行自定义属性设置。 图4 全屏配置 全屏图片链接：要切全屏时图片的链接。 展开图片链接：展开时图片的链接。 内边距：图片和组件边框之间的内边距，单位为px。 交互 在交互中，配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。 在作为触发器中，单击“+交互事件”，选择“当点击数据时”事件。
认为0，即铺满整个组件。 标题：是否显示组件标题。设置为显示时，支持设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。
图2），默认为0，即铺满整个组件。 配置 在配置中，设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。
转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。
显示标题：是否显示标题。 标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字：趋势中是否显示数字。 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图6
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 标题配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置趋势的样式。 图4 趋势配置 内边距：设置图表和组件边框之间的距离，单位为px。 对齐方式：标题的对齐方式，支持左对齐、居中和右对齐。 显示标题：是否显示组件标题。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
