检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 时间轴 时间轴方向：时间轴的方向，支持水平方向和垂直方向。 自动轮播：是否展示自动轮播效果。 间隔时间：间隔的时间。 停留时间：停留的时间。
标题字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的基本配置和进度条配置。 图4 配置 基本配置 数字显示：是否显示数字。 数字位置：设置数字的显示位置，如左、居中或右。 数字字体：设置数字的字体、大小和颜色等。 前缀：输入数字的前缀。 字体大小：设置前缀的字体大小。 后缀：设置后缀，如“%”。
组件自定义事件实现 组件之间的交互，主要包括组件自定义事件和组件响应动作，本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
“数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击后，单击。 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。
域名：提供服务环境的域名，如https://www.demo.com。 生产环境/沙箱环境 租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。 其他用户在B环境AstroCanvas界面，单击“导入项目包”。 导入项目后，如果当前环境中不包含同名的数据源
背景颜色：设置日期弹出框的背景颜色。 选中态背景颜色：日期弹出框中，选中状态日期的背景颜色。 选中态字体颜色：日期弹出框中，选中状态日期的字体颜色。 前月后月的日期颜色：日期弹出框中，上个月日期和下个月日期的日期颜色。 选择范围的背景色：日期弹出框中，处于选择范围内日期的背景色。 日期弹出框内星期时间设置
beforeDestroy()函数：组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 /** * 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁 */ beforeDestroy()
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面 图6 项目外页面 交互 在交互中，设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍，请参见交互设置。 父主题： 其它
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
数据。AstroCanvas中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置
API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName
内容：自定义标题的内容。 字体：设置自定义标题的字体、大小和颜色等。 对齐：设置标题的对齐方式，如左对齐、居中或右对齐。 标题背景色：设置标题的背景颜色。 内边距： 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量：设置标题与指标之间的距离。 图5 标题偏移量
悬浮文字颜色：鼠标悬浮在按钮上时，按钮显示文字的颜色。 悬浮背景色：鼠标悬浮在按钮上时，按钮的背景色。 选中文字颜色：选中当前按钮时，按钮显示文字的颜色。 选中背景色：选中当前按钮时，按钮的背景色。 圆角：按钮边框的圆角，四个角弧度取值范围为0~500，单位px。 内边距：图表和组件边框之间的内边距，单位px。
页面创建后，支持修改页面的标题和描述信息。 设置页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在待修改的页面上，单击。 修改页面标题，单击“更新”。 图1 编辑页面设置 页面标题：输入页面的标题，长度为1~100个字符。 页面描述：通常设置为页面的功能或使用场景。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
