检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与双向柱图之间的偏移量。
参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，配置气泡图的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置气泡图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 图表
参考模板：系统预置的组件样式模板，如默认、带标记模板等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播：是否开启轮播效果。 轮播类型：设置图表的轮播类型，支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
在已购买的Astro大屏应用实例中，单击“续费”。 图1 选择续费 选择AstroCanvas的续费时长，单击“去支付”。 图2 续费 进入支付页面，选择支付方式，确认付款，支付订单后即可完成续费。 在费用中心续费 登录管理控制台。 在主菜单中，选择“费用 > 续费管理”，进入“续费管理”页面。 自定义查询条件。
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置项，定义组件事件结构及说明，给全局变量映射使用
装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：设置标题内容的字体、大小、颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与水平堆叠柱图之间的偏移量。
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与水滴水位图之间的偏移量。
设置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与矩形水位图之间的偏移量。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与钻石水位图之间的偏移量。
查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处，如图1
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与水位图之间的偏移量。
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与箭头水位图之间的偏移量。
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与圆角矩形水位图之间的偏移量。
装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：设置标题内容的字体、大小、颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与基本柱图之间的偏移量。
已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与三角形水位图之间的偏移量。
置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色等设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 图4 内边距 标题偏移：组件标题与数据标记柱图之间的偏移量。
复制并粘贴组件 通过复制粘贴功能，可快速将组件的配置参数复制到同类型的另一个组件中，从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“复制并粘贴”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
