检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
的“颜色”。 图4 x轴 - 水平胶囊柱图 y轴 字号：轴标签文本的字体大小。 字体颜色：轴标签文本的字体颜色。 字体粗细：轴标签文本的字体粗细。 角度：轴标签文本的倾斜角度。 坐标轴：显示或隐藏坐标轴的轴线。开启时，可以设置轴线的“颜色”。 网格线：显示或隐藏网格线。开启时，可以设置网格线的“颜色”。
怎么查看不同组件支持的数据格式？ 在组件的数据配置中，可以查看数据字段及格式，并配置相应的映射关系。其中，数据字段及格式请参照“静态数据”中的样例，如图1所示。 图1 查看数据格式（示例）
value字段的值将以标签的形式显示在图表中。 字号：值标签的字体大小。 颜色：值标签的字体颜色。 字体粗细：值标签的字体粗细。 图3 值标签-轮播列表柱状图 数据 value：对应柱图的权重。权重越高，柱子长度越长，占比越大。 content：对应每个柱状图显示的文本内容说明。
选中样式：设置节点标签下方文字的选中样式，包括字号、颜色和字体粗细。 节点标签-上 上下偏移：设置节点标签上方文字的偏移量。 默认样式：设置节点标签上方文字的默认样式，包括字号、颜色和字体粗细。 选中样式：设置节点标签上方文字的选中样式，包括字号、颜色和字体粗细。 背景 粗细：输入数值或单击设置背景的粗细。
若选择类型为单选，初始化值和“数据”页签中的id是一致。例如初始化值为1，Tab1列表会点亮。 若选择类型为多选，初始化值和“数据”页签中的id是一致。初始化值可设置为多个，例如“1;2”，Tab1和Tab2的列表都会点亮。 标签配置 字号：设置组件文本的字号大小。 字体颜色：设置组件文本的字体颜色。 字体粗细：设置组件文本的字体粗细。
边框宽度：设置水位图外框的边框宽度。 内部距离：设置水位图和外框的内部距离。 文字 字体：设置图表中文字的字体。 颜色：设置图表中文字的字体颜色。 内部颜色：设置文字在水位图中的颜色。 字号：设置图表中文字的字号大小。 字体粗细：设置图表中文字的字体粗细样式。 相对位置：设置文字相对于水位图
或点击在图上时显示提示信息。 触发类型：设置提示信息的触发类型。 颜色：提示信息的字体颜色。 字号：提示信息的字体大小。 字体粗细：提示信息的字体粗细样式。 图4 提示信息 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。
上下间距：输入数值或拖动，设置表格的上下间距。 边框线：输入数值或拖动，设置表格边框线的粗细和颜色。 列 分割线：设置分割线的粗细和颜色。 第一列：设置第一列的宽度；第一列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。 第二列：设置第二列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
本章节主要介绍漏斗图组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 漏斗图 全局样式 字体：设置组件文本的字体类型。 布局类型：设置组件的布局类型。可选择设置为左对齐、右对齐、居中对齐。 数据排序：设置组件的数据排序。可选择设置为升序、降序或数据顺序。
边框颜色：单击颜色编辑器设置节点的边框颜色。 字体大小：设置节点文本的字体大小。 字体粗细：设置节点文本的字体粗细。 字体颜色：设置节点文本的字体颜色。 多层配置 矩形边框线宽：输入数值或拖动，设置矩形边框线宽。 子矩形间隔：输入数值或拖动，设置子矩形间隔。 数据 name：节点路径的名称。 val
生效 文本样式 字体：设置文本的字体。 字号：设置文本的字号。 文本间距：设置文本的文本间距 颜色：设置文本的字体颜色。 字体粗细：设置文本的字体粗细。 对齐方式：设置文本的对齐方式，可以设置为左侧、右侧、水平居中。 行高：输入数值或拖动，调整文字的每一行之间的间距。 首行缩进：
本章节主要介绍自定义背景组件各配置项的含义。 样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色：单击颜色编辑器设置背景颜色。 背景图：设置组件的背景图片，您可以从本地上传图片素材。 缩放模式：单击下
居左、底部居右。 页签宽度：设置页签的宽度。 页签高度：设置页签的高度。 页签间距：设置页签之间的距离。 初始值设置：设置初始显示显示的页签值。初始化值和“数据”页签中的id一致。例如初始化值为1，Tab1列表会点亮。 字体：设置组件文本的字体类型。 预览时隐藏：预览时是否隐藏组件。
将在散点处显示所选字段的值。 字体：标签的字体。 颜色：标签的颜色。 字号：标签的字号。 字体粗细：标签的字体粗细。 位置：标签相对于散点的位置。 水平偏移：距离所设置的“位置”的向右的水平偏移，单位为px。 垂直偏移：距离所设置的“位置”的向下的垂直偏移，单位为px。 图16 标签
后缀：设置数字的后缀内容、字体、字号、字体颜色、字体粗细。 图2 数字翻牌-数字翻牌器 标题 对齐方式：设置标题的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 标题名：设置标题的名称。 字体：设置标题的字体。 字号：设置标题的字号。 颜色：设置标题的字体颜色。 字体粗细：设置标题的字体粗细。
触发类型：设置提示信息的触发类型。 颜色：提示信息的字体颜色。 字号：提示信息的字体大小。 字体粗细：提示信息的字体粗细样式。 图5 提示信息 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。
颜色：轴线的颜色。 图3 x轴 - WT双轴线状图 y1轴 字号：轴标签文本的字体大小。 颜色：轴标签文本的字体颜色。 字体粗细：轴标签文本的字体粗细。 角度：轴标签文本的倾斜角度。 轴标签：显示或隐藏轴标签。开启时，可以设置以下参数： 显示格式：设置坐标轴刻度值的显示格式。
颜色：设置剩余百分比部分的扇形颜色。 标题 显示/隐藏标题：单击“标题”右侧的勾选框，表示显示标题，表示隐藏标题。 标题名：您可以自定义标题名内容。 字号：设置标题的字号。 颜色：设置标题的颜色。 字体粗细：设置标题的字体粗细样式。 字体：设置标题的字体。 扇形颜色 颜色：设置百分比所占部分的扇形颜色。
字号：提示信息的字体大小。 字体粗细：提示信息的字体粗细样式。 图6 提示信息 动画 显示/隐藏提示信息：单击“动画”右侧的勾选框，表示开启图表的动画效果；表示预不开启图表的动画效果。 入场动画：组件第一次渲染动画的时长，单位为ms。 动画效果：动画的缓动效果，系统提供多种常见的动画缓动效果供您选择。
平居中、左侧、右侧。 字体：单击下拉选项设置表头文本的字体类型。 字体颜色：单击下拉选项设置表头文本的字体颜色。 字号：单击下拉选项设置表头文本的字号大小。 字体粗细：单击下拉选项设置表头文本的字体粗细样式。 行配置 奇行背景色：单击颜色编辑器设置奇行表格的背景色。 偶行背景色：单击颜色编辑器设置偶行表格的背景色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
