检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
ents中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件，可在“我的资产 > 我的组件”中获取。
标题背景色：设置标题的背景颜色。 内边距： 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量：设置标题与指标之间的距离。 图5 标题偏移量 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框
显示名称：自定义图表中系列的显示名称。 标记图形：设置标记的图形样式，如圆形、矩形、三角形等。 颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。 边框颜色：设置标记边框颜色。 阴影颜色：设置标记阴影颜色。 阴影大小：设置标记阴影大小。 水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。
个组件。 配置 在配置中，可对文本的内容进行设置，如输入具体内容、设置内容字体、大小和颜色等。 图4 配置 文本设置 文本内容：设置文本内容。 字体：设置输入文本内容的字体、大小和颜色等。 文字间距：设置文字之间的距离。 对齐方式：设置文本内容对齐方式，支持左对齐、居中和右对齐。
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。
显示头：设置轴条的选中样式时，该参数需要设置为“显示”。 头轴条样式：设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾：设置轴条的默认样式时，该参数需要设置为“显示”。 尾轴条样式：设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量：设置详情的上下偏移位置，单位px。
图例选择模式：设置图例选择模式，支持单个和多个。 小图标：设置图例小图标样式，如圆形、矩形、三角形等。 图列排列：设置图例的排列样式，如水平、垂直。 图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 位置选择：设置图例的显示位置，支持左、右和居中显示。 图例间隔：设置图例之间的间隔。
边框：设置单元格的边框样式。 序列号：表格中序列号设置。 序列号：表格中是否显示序列号。 序列名：设置序列号的名称。 列宽占比(%)：设置序列号在表格中的列宽占比。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。 字体：设置序列号的字体、大小和颜色等。
图11 设置为是显示效果 引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，如图11显示的为数据值，也可以设置为百分比、系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：实心圆饼图间系列和整体范围的描边样式。 图12 设置后效果 设置背景：设置饼图的背景。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 图12 图例字符设置效果 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
折线不透明度：设置折线的不同透明度。 拐点尺寸：设置拐点尺寸，取值范围0~100。 拐点颜色：设置拐点显示的颜色。 拐点不透明度：设置拐点不透明度。 区域颜色：设置折线图中区域颜色。 数据标签：是否显示数据标签，支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值：设置数据标签的最大值、最小值或平均值。
图5 图形 颜色：设置组件中，图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置折线的宽度。 拐点尺寸：设置折线的拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。 数据标签最大值/最小值/平均值：设置数据标签的最大值、最小值或平均值。
础元素（卡片背景、特效、卡片边框等）和视频元素构成。 图3 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
等。 图7 图形 颜色：设置组件中图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。 拐点尺寸：设置拐点尺寸。 数据标签：是否显示数据标签，支持设置标签颜色。 数据标签最大值/最小值/平均值：设置数据标签的最大值、最小值或平均值。
折线宽度：设置图形中折线的宽度。 折线颜色：设置折线颜色，支持单色和渐变色。如果开启了阈值线，渐变会随着阈值线值变化。 折线不透明度：设置折线的不同透明度。 拐点尺寸：设置拐点尺寸。 拐点颜色：设置拐点显示的颜色。 拐点不透明度：设置拐点不透明度。 区域颜色：设置折线图中区域颜色。
图例系列名 字体：设置图例的字体、颜色和大小。 图例字符：设置图例显示的字符数，支持全显和省略。设置为“省略”时，支持设置图例显示的文字数量。 数据值：图例中是否显示数值。设置为“显示”时，可设置如下参数。 字体：设置图例中数值的字体、大小和颜色等。 数值左间距：设置系列名和数据之间的间距。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
