检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
间隔时间：间隔的时间。 停留时间：停留的时间。 轴条默认样式：设置轴条的默认颜色。 轴条选中样式：设置轴条选中时的颜色。 轴条粗细：轴条的粗细。 轴标签 默认标签字体：设置标签默认的字体、大小、颜色等。 选中标签字体：设置选中标签时，显示的字体、大小、颜色等。 标签旋转：设置标签旋转角度。
在AstroCanvas界面“我的资产 > 我的组件”中，将自定义组件上传到组件库中时，“场景”请选择“大屏&PC端”、“移动端”。设置后，该组件才可在页面中展示。 图1 上传自定义组件 AstroCanvas中组件 介绍AstroCanvas支持的组件类型，以及每个类型下所包含的具体组件，帮助您快速了解各组
独占一行。 基础配置项中也增加了labelWidth，在有label的情况下可以通过输入数字控制label的宽度（单位为px）。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed
坐标轴名称字体：坐标轴字体、颜色、大小设置。 刻度标签旋转的角度：设置刻度标签旋转的角度。 轴线显示：是否显示轴线。 刻度显示：是否显示刻度线。设置为显示时，支持设置线的颜色。 刻度标签字体：设置标签的字体、颜色和大小。 网格线是否显示：是否显示网格线。设置为显示时，支持设置线的类型和颜色。 y轴 Y轴：是否显示Y轴。
数值显示字符数：数值中显示的字符个数。 数值字体：设置数值的字体、大小和颜色等。 显示类型：设置标签背景的显示类型，支持均分显示和区间显示。 颜色设置：“显示类型”设置为“均分显示”时，会根据颜色设置的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景颜色。“显
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置
目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 动作：创建HTTP连接器时，定义的执行动作。 参
X轴数据轮播效果 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图9 多折线图图形 颜色：设置图表中图形的颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。
多区域折线图图形 颜色：设置组件中图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。 拐点尺寸：设置拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。 数据标签最大值/最小值/平均值：设置数据标签的最大值、最小值或平均值。
图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 左间距：图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距：图例到饼图组件顶部距离占组件高度。 翻页按钮：设置翻页按钮颜色。 翻页按钮不激活：设置翻页按钮不激活时的颜色。 自
中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。静态数据不支持配置全局变量。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图5 拖拽字段到对应的坐标轴
天气卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支
X轴：是否显示X轴。 坐标轴分割段数：设置坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 最小值：设置坐标轴的最小值。 最大值：设置坐标轴的最大值。 刻度标签旋转的角度：控制刻度标签的旋转，在文字过长时可以避免重叠。
图例标记：设置图例小图标形状。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距：图例到柱图组件顶部距离占组件高度。 翻页按钮：翻页按钮的颜色。
配的行，则结果中右表中的列返回“null”。 右连接：与左连接相反，返回右表中的所有行，如果右表中的行在左表中没有匹配的行，则结果中左表中的列返回“null”。 内连接：取两个表的交集，两张表都有的才能显示出来。 全连接：返回左表和右表中的所有行。如果某行在另一表中没有匹配的行，则另一表中的列返回“null”。
选中水平基本柱图组件，单击组件上方的，隐藏Y轴网格线。 图7 隐藏网格线 设置基本折线图组件。 在左侧全部组件中，拖拽“基本折线图”组件到移动端页面开发操作区域，即画布区域。 图8 拖拽基本折线图 选中基本折线图组件，单击组件上方的，设置组件数据源，完成后单击“保存”。 “数据类型”选择“静态数据
数据源：选择AstroZero数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。
显示图例：是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记：设置图例小图标形状。 图例宽高：设置图例的宽度和高度。 图例间隔：设置图例之间的间隔。 字体：设置图例的字体、颜色和大小等。 左间距：图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距：图例到柱图组件顶部距离占组件高度。
间显示。 颜色设置：“显示类型”设置为“均分显示”时，会根据颜色设置的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景颜色。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的背景颜色，区域范围外的图标将不显示。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
