检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
阴影颜色：设置阴影的颜色。 水平偏移：设置阴影水平偏移量，单位px。 垂直偏移：设置阴影垂直偏移量，单位px。 模糊半径：设置模糊半径，单位px。 扩散半径：设置扩散半径，单位px。 边框设置 粗细：设置边框的粗细，单位px。 颜色：设置边框的颜色。 类型：设置边框的线类型，支持实线、虚线、点线等。
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
编辑该列 导入Excel或CSV 单击“新增静态数据”，将本地的Excel或CSV文件（文件大小不能超过100KB）拖入“上传文件”中，单击“保存”。 单击“保存”，完成数据集的创建。 在数据集管理列表中，可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。
组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1
标题行高度：设置标题的行高，单位px。 背景色：设置标题背景的颜色。 文本位置：设置标题文本位置。 字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数：设置排行榜的行数。 背景色：设置排行榜背景的颜色。 自动
示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。 配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 树状表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的服务采购）。设置为“显示”时，可自定义标题的如下属性。 内容：组件标题显示的文字内容。 字体：设置组件标题的字体样式、大小和颜色等。 对齐：标题相对于组件的对齐方式，如左对齐、居中和右对齐。
标题：是否显示标题。 内容：输入标题的内容。 字体：设置标题的字体、大小和颜色等。 对齐：设置标题的对齐方式，如左对齐、右对齐或居中。 标题背景色：设置标题的背景颜色。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框
按照上述操作，为课程、年级和期望开设的课程组件分别绑定模型中的字段。 图15 为课程组件绑定模型中的字段 图16 为年级组件绑定模型中的字段 图17 为期望开设的课程组件框绑定模型中的字段 选中课程组件，在“基本属性 > 选项”中，设置课程下拉框的选项。 图18 设置课程下拉框选项 同样，选中年级组件，在“基本属性
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
请求方法：请根据接口类型，选择请求方法。 请求参数 Query：请求的参数，通常指的是URL中“?”后的附加参数。 Header：Header中需要的参数，支持“字符串”和“表达式”两种。“字段类型”设置为“表达式”时，单击“默认值”，可将5中鉴权信息中返回的参数赋值给连接器的请求参数。 Body：当请求类型为P
使用模板新建页面：AstroCanvas中预置了一些可复用的页面样例作为模板（预置模板和自定义模板），通过模板创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。 使用页面模板文件新建页面：将已开发的页面保存为模板，再次创建页面时可使用该页面模板文件，创建可视化页面，减少重复开发，提高交付效率。
图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
选中组件，单击组件上方的。 选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7
us数据集 数据集名称：数据集的名称，用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接：选择1中创建的数据源。 目录：设置数据集的存放目录。 责任人：数据集的创建者。 描述：数据集的描述信息，通常设置为数据集的功能。 配置数据集，单击“保存”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
