检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 图片卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。
快捷时间字体颜色：设置快捷时间的字体颜色。 选中字体颜色：设置选中快捷时间时，快捷时间字体的颜色。 选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。 输入框设置 下方输入框的设置，对时间选择器组件中所有输入框生效。 字体：设置输入框中文字的字体、大小和颜色等。 背景颜色：设置输入框的背景颜色。
停留时间：停留的时间。 轴条默认样式：设置轴条的默认颜色。 轴条选中样式：设置轴条选中时的颜色。 轴条粗细：轴条的粗细。 轴标签 默认标签字体：设置标签默认的字体、大小、颜色等。 选中标签字体：设置选中标签时，显示的字体、大小、颜色等。 标签旋转：设置标签旋转角度。 默认描述字体：设置标签默认的描述字体、颜色、大小等。
件前，请仔细阅读自定义组件开发规范章节内容，了解组件的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。
单击新建版本后的，将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中，您还可以执行如下操作： ：预览该版本页面。 ：编辑该版本页面。 ：删除该版本页面。当前版本页面设置为发布页后，不支持删除。 关闭页面发布设置，返回设计页面，拖入其他组件，如折线图组件，保存页面。 图4 拖入其他组件 单击页面上方的，单击“+新建版本”，会生成第二个版本。
时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下，设置后效果如图1所示。 { migrateFrom: 'advancedSettings', headerTitle:
图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：设置当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文
选择新建全局变量 “变量”设置为“seriesName”，“变量说明”设置为“系列名称”，单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面，“赋值到变量”选择5.g中新建的变量， 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”，设置跳转页面。
全局变量 项目级全局变量 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget
页面管理 复制页面 发布页面 页面设置 删除页面 移动页面 发布为首页 下载当前页面 发布为模板 发布为全局模板 管理页面版本 如何进行设置页面 如何设置分享码 如何设置Token认证 如何设置内容安全策略 如何进行版本回退 AstroCanvas分享页Token签名校验使用说明
跨页面复制组件 删除组件 创建分组 自定义组件说明 echarts组件自定义事件交互设置 echarts组件自定义动作交互设置 如何使用高级表格的后台分页功能 如何使用高级表格的后台排序功能 如何使用高级表格的后台筛选功能
ents中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。
进行用户身份验证。 用户名：“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证（用户名/密码）”时，才显示该参数。 密码：“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证（用户名/密码）”时，才显示该参数。 描述：新建数据源的描述信息，长度不能超过128个字符。
zh_CN: "选中选项", en_US: "Choose Select item", }); 其中，“事件描述”（第三个参数）可以设置为String或者多语言对象。 registerAction 一般用于在初始化阶段注册动作，只有通过此API注册后的事件才会在组件的动作列表中展现。使用方式参考如下：
ROMA连接器数据源 第三方接口或服务通过配置为ROMA连接器的方式，接入外部数据。 新建ROMA连接器数据源 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
数据源：选择关系型数据库数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 设置数据集参数。 图2 设置关系型数据库数据集参数 界面模式 该
hideControls: false 是否使用控制按钮。 min Number 否 min: 0 设置计数器允许的最小值，默认值为-Infinity。 max Number 否 max: 100 设置计数器允许的最大值，默认值为Infinity。 事件 表2 事件 事件名称 调用配置项中的方法
hideControls: false 是否使用控制按钮。 min Number 否 min: 0 设置计数器允许的最小值，默认值为-Infinity。 max Number 否 max: 100 设置计数器允许的最大值，默认值为Infinity。 showInput Boolean 否 showInput:
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
