检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
对齐：标题相对于组件的对齐方式，支持左对齐、右对齐和居中。 标题背景色：标题背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与玫瑰花饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件的边框
字体：组件标题字体、大小和颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 标题偏移：组件标题与渐变色饼图之间的偏移量。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全
参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，配置气泡图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置气泡图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，配置散点图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置散点图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 边距样式说明 标题偏移：组件标题与满月饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片
包年/包月 套餐版本单价 * 购买时长（以月/年计算） 页面扩容包 扩容包用于新增更多的页面。扩容包不可单独购买和退订，扩容包的使用截止时间与主资源的截止时间保持一致，主资源套餐到期后，扩容包将不可使用。 包年/包月 扩容包单价 * 购买时长（以主套餐有效时间折算） 计费示例（无扩容包）
以数据刷新的响应动作函数为例，向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义 */ confirmLocationWidgetCbk: function (param) { if (param
显示标题：是否显示标题。 标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字：趋势中是否显示数字。 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图6
字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置组件标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与实心圆饼图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边
Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n.json：组件的国际化资源文件，用于配置多语言。例如，messages-zh.json为中文，messages-en.json为英文。 packageinfo.json：组件的元数据描述文件。
从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。 在作为触发器中，单击“+交互事件”，选择“当点击数据时”事件。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。
在项目列表页面，单击“导入项目包”。 图4 导入项目包 选择1.h中导出的项目包，单击“打开”。 导入成功后，在项目列表中，可查看到已导入的项目。 父主题： 发布及安装项目
在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“Prometheus”，配置数据源参数。 图1 新建Prometheus数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
字体：文字的字体、大小、颜色等设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与瀑布柱图之间的偏移量。 图5 标题偏移 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框
00首次尝试自动续费，如果扣款失败，每天凌晨3:00尝试一次，直至AstroCanvas到期或者续费成功。到期前7日自动续费扣款是系统默认配置，您也可以根据需要修改此扣款日。 父主题： 续费
是否静音：播放视频时是否静音。静音后，在播放视频时无法调整音量。 数据 在数据中，设置FLV视频播放组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。 圆角：是否开启边框圆角。开启后，支持设置圆角半径和位置。 交互 在交互中，配置自定义背景框与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 装饰
等设置。 标题左边距：步骤标签距离该图标左边的距离。 数据 在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置步骤条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 其它
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
